PopUpWindow 的使用

时间：2019-09-26 23:52:46 阅读：199 评论：0 收藏：0 [点我收藏+]

标签：ams bsp 直接 remove key wim wrap pre near

最接做需求的时候，碰到了 PopUpWindow，但是也没做过多了解，就是照搬别人的代码改改逻辑。后面视觉看了之后，说让我加一些动画效果，使用起来更加舒服。可是我看别人以前也没有写，于是就开始捣鼓 PopUpWindow。同时也写一篇文章记录下，后续忘了也可以查看。

技术图片

创建布局

PopUpWindow 就是一个容器，是需要编写对应的布局文件，布局比较简单具体如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipChildren="false"
    android:orientation="vertical">
    <View
        android:id="@+id/empty_view"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_weight="1"
        />

    <LinearLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:background="@color/colorPrimary"
        android:orientation="vertical"
        android:gravity="center_vertical">

        <TextView
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:text="test" />
        
    </LinearLayout>
</LinearLayout>

注意其中这行代码：

android:layout_weight="1"

由于其他 view 没有使用这个属性，默认为0，使用该属性的view将剩余的空间铺满。这样就相当于为我们设置了一个蒙层了。

写好布局后，需要将布局文件传到容器中去。

PopUpWindow 使用

由于相关代码比较长，直接附上完整代码，方便大家查看。

完整代码如下：

public class TestActivity extends AppCompatActivity implements View.OnClickListener {
    private PopupWindow mPopupWindow;
    private ViewGroup mContentView;
    private Button mBtn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
        mBtn = (Button) findViewById(R.id.result);
        mPopupWindow = new PopupWindow(this);
        mPopupWindow.setContentView(getContentView(this));
        mPopupWindow.setHeight(ViewGroup.LayoutParams.MATCH_PARENT);
        mPopupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
        mPopupWindow.setClippingEnabled(false);
        // 如果不设置PopupWindow的背景，有些版本就会出现一个问题：无论是点击外部区域还是Back键都无法dismiss弹框
        mPopupWindow.setBackgroundDrawable(new ColorDrawable(getResources().getColor(R.color
                .empty_view_background)));
        mPopupWindow.setOutsideTouchable(true);
        mPopupWindow.setFocusable(true);
        mPopupWindow.update();
        mBtn.setOnClickListener(this);
    }


    /**
     * popup window view 初始化
     *
     * @return View
     */
    private View getContentView(Context ctx) {
        mContentView = (ViewGroup) LayoutInflater.from(ctx)
                .inflate(R.layout.popup, null);
        View emptyViewAbovePanel = mContentView.findViewById(R.id.empty_view);
        emptyViewAbovePanel.setOnClickListener(this);
        return mContentView;
    }

    @Override
    public void onClick(View v) {
        int i = v.getId();
        if (i == R.id.empty_view) {
            Animation animation = AnimationUtils.loadAnimation(this, R.anim.pop_gone);
            mContentView.startAnimation(animation);
            animation.setAnimationListener(new Animation.AnimationListener() {
                @Override
                public void onAnimationStart(Animation animation) {

                }

                @Override
                public void onAnimationEnd(Animation animation) {
                    mPopupWindow.dismiss();
                }

                @Override
                public void onAnimationRepeat(Animation animation) {

                }
            });
        } else if (i == R.id.result) {
            mContentView.startAnimation(AnimationUtils.loadAnimation(this, R.anim.pop_in));
            mPopupWindow.showAsDropDown(mBtn, 50, 50);
        }

    }
}

上面的代码设置了蒙层，出场入场的动画效果。

动画设置

出场动画文件xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="400"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="0"
        android:toYDelta="100%" />
</set>

进场动画文件xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="400"
        android:fromXDelta="0"
        android:fromYDelta="100%"
        android:toXDelta="0"
        android:toYDelta="0" />
</set>

为什么出场动画不用 PopUpWindow 默认动画设置呢。这是因为视觉只希望下面蓝色部分有动画效果，蒙层不需要这个动画效果。因此我们就必须添加额外的处理逻辑。如果采用默认的动画设置效果，将会使得蒙层也有动画效果。

在资源文件的values的style.xml中添加如下代码

<style name="pop_animation" parent="android:Animation">
    <item name="android:windowEnterAnimation">@anim/pop_in</item>
    <item name="android:windowExitAnimation">@anim/pop_gone</item>
</style>

android:windowEnterAnimation:为窗体进入时执行；
android:windowExitAnimation：为窗体退出时执行；

将其使用到PopupWindow中：

mPopupWindow.setAnimationStyle(R.style.pop_animation);
mPopupWindow.showAtLocation(view, Gravity.CENTER, 0, 0);

setAnimationStyle() 即是为 PopupWindow 添加动画的方法，由于 PopupWindow 不能像其他的 View 一样使用 ObjectAnimator, 所以使用动画需要在 style 中定义，并且使用 PopupWindow 的 setAnimationStyle() 方法。这样的话就可以使用。

蒙层的处理

除了上面的我的蒙层方法，还有其他添加蒙层的方法：

1）添加一层view

private void addMaskView(IBinder token) {
    WindowManager.LayoutParams p = new WindowManager.LayoutParams();
    p.width = WindowManager.LayoutParams.MATCH_PARENT;
    p.height = WindowManager.LayoutParams.MATCH_PARENT;
    p.format = PixelFormat.TRANSLUCENT;
    p.type = WindowManager.LayoutParams.TYPE_APPLICATION_PANEL;
    p.token = token;
    p.windowAnimations = android.R.style.Animation_Toast;
    maskView = new View(context);
    maskView.setBackgroundColor(0x7f000000);
    maskView.setFitsSystemWindows(false);
    maskView.setOnKeyListener(new OnKeyListener() {
        @Override
        public boolean onKey(View v, int keyCode, KeyEvent event) {
            if (keyCode == KeyEvent.KEYCODE_BACK) {
                removeMaskView();
                return true;
            }
            return false;
        }
    });
    wm.addView(maskView, p);
}

然后在消失的时候进行移除：

public void dismiss() {
    if (maskView != null) {
        wm.removeViewImmediate(maskView);
        maskView = null;
    }
    super.dismiss();
}

2) 透明度

还有人是直接使用透明度来实现的。

private void bgAlpha(float alpha) {
    WindowManager.LayoutParams lp = ((Activity)context).getWindow().getAttributes();
    lp.alpha = alpha;// 0.0-1.0
    ((Activity)context).getWindow().setAttributes(lp);
}

PopUpWindow 的使用

标签：ams bsp 直接 remove key wim wrap pre near

原文地址：https://www.cnblogs.com/zjhcap/p/11594827.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

PopUpWindow 的使用

相关方法解读

1）几个常用的构造方法

2）常用的一些方法

创建布局

PopUpWindow 使用

动画设置

蒙层的处理

1）添加一层view

2) 透明度