美文网首页
Android中PopupWindow简析

Android中PopupWindow简析

作者: f44148db1e8c | 来源:发表于2019-05-19 18:34 被阅读0次

    均属于笔记,仅供个人参考,有问题欢迎指正

    PopupWindow使用小结:

    * 1,点击外围、返回键、自身控件使弹出框消失

    * menuWindow.setFocusable(true);

    * menuWindow.setBackgroundDrawable(new BitmapDrawable());

    * 2,点击外围、自身控件使弹出框消失

    * 目前无法实现这种消失类型;

    * 3,返回键、自身控件使弹出框消失

    * // 不能调用setBackgroundDrawable,因为setBackgroundDrawable会让点击PopupWindow外面PopupWindow消失。

    * View layout = inflater.inflate(R.layout.activity_show, null);

    * RelativeLayout adlayout = (RelativeLayout) layout.findViewById(R.id.adlayout);

    menuWindow.setOutsideTouchable(false);

    menuWindow.setFocusable(true);

    //layout和adlayout都可以

    adlayout.setFocusable(true);

    adlayout.setFocusableInTouchMode(true);

    adlayout.setOnKeyListener(new View.OnKeyListener() {

    @Override

    public boolean onKey(View v, int keyCode, KeyEvent event) {

    if (keyCode == KeyEvent.KEYCODE_BACK) {

    if (menuWindow != null) {

    menuWindow.dismiss();

    }

    }

    return false;

    }

    });

    或者

    layout.setFocusable(true);

    layout.setFocusableInTouchMode(true);

    layout.setOnKeyListener(new View.OnKeyListener() {

    @Override

    public boolean onKey(View v, int keyCode, KeyEvent event) {

    if (keyCode == KeyEvent.KEYCODE_BACK) {

    if (menuWindow != null) {

    menuWindow.dismiss();

    }

    }

    return false;

    }

    });

    * 4,自身控件使弹出框消失

    * //不能调用setBackgroundDrawable

    * menuWindow.setFocusable(true);

    3,返回键、自身控件使弹出框消失的第二种实现方式,大体思路:让PopupWindow全屏显示,屏蔽掉下方的界面这时再设置setBackgroundDrawable,虽然setBackgroundDrawable会让点击PopupWindow外面PopupWindow消失,但是现在PopupWindow全屏显示屏蔽掉了下方的界面(这时在布局文件中再做居中等处理,以及外围的背景颜色的处理),故而只有返回键可以实现取消的功能。

    参考:http://www.eoeandroid.com/thread-48051-1-1.html

    一,Android中PopupWindow响应返回键并关闭的2种方法

    PopupWindow 跟我们的 Activity 不一样,因为我们在构造 PW 的时候往往不是继承来的,而是 new 出来的。所以不能使用重写 PW 的 onKeyDown() 之类的方法来截获键盘事件。好在 PW 本身的特性让我们很容易就能做到用返回键来退出,当然我们也可以截获键盘事件,这样就有两种方法了。

    方法一: 最简单的方法

    在 new 的时候,使用下面的方法:

    popupWindow = new PopupWindow(popupWindow_view, 200, 150, true);

    关键在于最后一个参数,SDK 给出的提示是 Focusable,顾名思义就是该 PW 的 Focusable 属性,让它能够接受焦点。

    当然你可以用另一种构造函数,然后再去手动设置focusable属性:

    popupWindow.setFocusable(true); // 一般都需要让popupWindow里面的组件获得焦点啊,往往用来接收用户输入或操作 动作

    注意: 必须加入下面这行作用未知的语句才能发挥作用:

    popupWindow.setBackgroundDrawable(newBitmapDrawable());// 响应返回键必须的语句。

    请放心,设置 BackgroundDrawable 并不会改变你在配置文件中设置的背景颜色或图像。

    方法二: 最通用的方法

    首先在 PW 的布局文件(*.xml)中随意选取一个不影响任何操作的 View,推荐使用最外层的 Layout。?然后设置该 Layout 的 Focusable 和 FocusableInTouchMode 都为 true。?接着回到代码中,获取该 View 的实例,现在你就可以对该 View 重写 OnKeyListener() 事件了。?我们可以手动捕获 KEYCODE_BACK 给对话框 dismiss()。给出一段示例:

    privatePopupWindow pw;

    privateView view;

    privateLinearLayout layMenu;

    LayoutInflater inflater = (LayoutInflater) main.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    view = inflater.inflate(R.layout.popup_main_menu,null, false);

    layMenu = (LinearLayout) view.findViewById(R.id.layMenu);

    pw =new PopupWindow(view, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT,true);

    layMenu.setOnKeyListener(newOnKeyListener()

    {

        publicboolean onKey(View v, int keyCode, KeyEvent event)

        {

            if(event.getAction() == KeyEvent.ACTION_DOWN && keyCode == KeyEvent.KEYCODE_BACK)

                pw.dismiss();

            returnfalse;

        }

    });

    上面两种方法的代码可以并存,当然如果使用第一种方法的话就不需要再捕获返回键了,不过你可以尝试捕获其他你需要的按键

    参考:http://www.jb51.net/article/64794.htm

    二,android PopupWindow点击外部和返回键的处理

    1,android PopupWindow点击外部和返回键消失

    加入:

    popupWindow.setOutsideTouchable(true);

    popupWindow.setBackgroundDrawable(new BitmapDrawable());

    2,android PopupWindow点击外部不消失,点击返回键消失

    contentView 为加载的布局文件

    popupWindow.setOutsideTouchable(false);

    popupWindow.setFocusable(true);

    contentView.setFocusable(true);

    contentView.setFocusableInTouchMode(true);

    contentView.setOnKeyListener(new View.OnKeyListener() {

        @Override

        public boolean onKey(View v, int keyCode, KeyEvent event) {

            if (keyCode == KeyEvent.KEYCODE_BACK) {

                if (popupWindow != null) {

                    popupWindow.dismiss();

                }

            }

            return false;

        }

    });

    参考:http://blog.csdn.net/hhhccckkk/article/details/51901191

    三,Android PopupWindow的使用和分析

    1,需要注意的地方是 popupWindow.setTouchInterceptor(new OnTouchListener() {})这里的处理。有的是监听自定义布局的key方法。

    private void showPopupWindow(View view) {

            // 一个自定义的布局,作为显示的内容

            View contentView = LayoutInflater.from(mContext).inflate(

                    R.layout.pop_window, null);

            // 设置按钮的点击事件

            Button button = (Button) contentView.findViewById(R.id.button1);

            button.setOnClickListener(new OnClickListener() {

                @Override

                public void onClick(View v) {

                    Toast.makeText(mContext, "button is pressed",

                            Toast.LENGTH_SHORT).show();

                }

            });

            final PopupWindow popupWindow = new PopupWindow(contentView,

                    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);

            popupWindow.setTouchable(true);

            popupWindow.setTouchInterceptor(new OnTouchListener() {

                @Override

                public boolean onTouch(View v, MotionEvent event) {

                    Log.i("mengdd", "onTouch : ");

                    return false;

                    // 这里如果返回true的话,touch事件将被拦截

                    // 拦截后 PopupWindow的onTouchEvent不被调用,这样点击外部区域无法dismiss

                }

            });

            // 如果不设置PopupWindow的背景,无论是点击外部区域还是Back键都无法dismiss弹框

            // 我觉得这里是API的一个bug

            popupWindow.setBackgroundDrawable(getResources().getDrawable(

                    R.drawable.selectmenu_bg_downward));

            // 设置好参数之后再show

            popupWindow.showAsDropDown(view);

        }

    2,显示方法

    显示提供了两种形式:

    showAtLocation()显示在指定位置,有两个方法重载:

    public void showAtLocation(View parent, int gravity, int x, int y)

    public void showAtLocation(IBinder token, int gravity, int x, int y)

    showAsDropDown()显示在一个参照物View的周围,有三个方法重载:

    public void showAsDropDown(View anchor)

    public void showAsDropDown(View anchor, int xoff, int yoff)

    public void showAsDropDown(View anchor, int xoff, int yoff, int gravity)

    showAsDropDown(View anchor):相对某个控件的位置(正左下方),无偏移

    showAsDropDown(View anchor, int xoff, int yoff):相对某个控件的位置,有偏移

    showAtLocation(View parent, int gravity, int x, int y):相对于父控件的位置(例如正中央Gravity.CENTER,下方Gravity.BOTTOM等),可以设置偏移或无偏移

    3,背景是否为空对Touch事件的影响

    如果有背景,则会在contentView外面包一层PopupViewContainer之后作为mPopupView,如果没有背景,则直接用contentView作为mPopupView。

    而这个PopupViewContainer是一个内部私有类,它继承了FrameLayout,在其中重写了Key和Touch事件的分发处理。

    由于PopupView本身并没有重写Key和Touch事件的处理,所以如果没有包这个外层容器类,点击Back键或者外部区域是不会导致弹框消失的。

    设置背景,为了不影响样式,这个背景是空的。

    popupWindow.setBackgroundDrawable(new BitmapDrawable());

    还可以这样写,觉得这样要保险些:

    setBackgroundDrawable(new ColorDrawable(0x00000000));

    背景不为空但是完全透明。

    4,补充Case: 弹窗不消失,但是事件向下传递(反射)

    设置了PopupWindow的background,点击Back键或者点击弹窗的外部区域,弹窗就会dismiss.

    相反,如果不设置PopupWindow的background,那么点击back键和点击弹窗的外部区域,弹窗是不会消失的.

    那么,如果我想要一个效果,点击外部区域,弹窗不消失,但是点击事件会向下面的activity传递,比如下面是一个WebView,我想点击里面的链接等.

    研究了半天,说是要给Window设置一个Flag,

      WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL

    看了源码,这个Flag的设置与否是由一个叫mNotTouchModal的字段控制,但是设置该字段的set方法被标记为@hide。

    所以要通过反射的方法调用:

      /**

        * Set whether this window is touch modal or if outside touches will be sent

        * to

        * other windows behind it.

        *

        */

        public static void setPopupWindowTouchModal(PopupWindow popupWindow,

                boolean touchModal) {

            if (null == popupWindow) {

                return;

            }

            Method method;

            try {

                method = PopupWindow.class.getDeclaredMethod("setTouchModal",

                        boolean.class);

                method.setAccessible(true);

                method.invoke(popupWindow, touchModal);

            }

            catch (Exception e) {

                e.printStackTrace();

            }

        }

    然后在程序中:

    UIUtils.setPopupWindowTouchModal(popupWindow, false);

    该popupWindow外部的事件就可以传递给下面的Activity了。

    5,PopuWindow 的大小由下面代码控制;

    new PopupWindow(view, ViewGroup.LayoutParams.FILL_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT); 

    view为要显示的view,width和height为宽和高,值为像素值,也可以是MATCHT_PARENT和WRAP_CONTENT。

    这里的WRAP_CONTENT可以换成fill_parent 也可以是具体的数值,它是指PopupWindow的大小,也就是contentview的大小,注意popupwindow根据这个大小显示你的View,如果你的View本身是从xml得到的,那么xml的第一层view的大小属性将被忽略。相当于popupWindow的width和height属性直接和第一层View相对应。

    设想下面一种场景:

    popupWindow 设置为WRAP_CONTENT ,我想得到的是一个宽150dip 高80dip的popupwindow,需要额外加一层LinearLayout ,这个LinearLayout 的layout_width和layout_height为任意值。而我们真正想显示的View 放在第二层,并且  android:layout_width="150.0dip"  android:layout_height="80.0dip"

    <?xml version="1.0" encoding="utf-8"?>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

    >

        <LinearLayout

            android:background="@drawable/shape_ret_loading_bg"

            android:layout_width="150.0dip"

            android:layout_height="80.0dip"

            android:orientation="vertical"

            android:gravity="center"

        >

            <TextView

                android:textSize="14dip"

                android:textColor="@color/white"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_marginLeft="10.0dip"

                android:text="加载中..."

            />

        </LinearLayout>

    </LinearLayout>

    6,当有popuWindow.setFocusable(false);的时候,说明PopuWindow不能获得焦点,即使设置设置了背景不为空也不能点击外面消失,只能由dismiss()消失,但是外面的View的事件还是可以触发,back键也可以顺利dismiss掉。当设置为popuWindow.setFocusable(true);的时候,加上下面两行设置背景代码,点击外面和Back键才会消失。

    ColorDrawable cd = new ColorDrawable(-0000); 

    pop.setBackgroundDrawable(cd); 

    7,setFocusable(true);

    PopupWindow弹出后,所有的触屏和物理按键都有PopupWindows处理。其他任何事件的响应都必须发生在PopupWindow消失之后, (home  等系统层面的事件除外)。比如这样一个PopupWindow出现的时候,按back键首先是让PopupWindow消失,第二次按才是退出activity,准确的说是想退出activity你得首先让PopupWindow消失,因为不并是任何情况下按back  PopupWindow都会消失,必须在PopupWindow设置了背景的情况下 。

    而setFocusable(false);

    则PopUpWindow只是一个浮现在当前界面上的view而已,不影响当前界面的任何操作。

    是一个“没有存在感”的东西。

    一般情况下setFocusable(true);

    8,阻止屏幕上的其他View事件,且点击PopupWindow外面不会消失,但是能响应back事件(点击back消失),所以如果要让

    PopupWindow有模态对话框的表现,则不能调用setBackgroundDrawable,因为setBackgroundDrawable会让点击PopupWindow外面PopupWindow消失。但是如果不调用setBackgroundDrawable则点击back键也不会消失,比模态对话框还变态。不过还是有解决的办法:

    LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    View contentview = inflater.inflate(R.layout.popup_process, null);

    contentview.setFocusable(true); // 这个很重要

    contentview.setFocusableInTouchMode(true);

    final PopupWindow popupWindow = new PopupWindow(contentview,LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);

    popupWindow.setFocusable(true);

    popupWindow.setOutsideTouchable(false);

    contentview.setOnKeyListener(new OnKeyListener() {

        @Override

        public boolean onKey(View v, int keyCode, KeyEvent event) {

            if (keyCode == KeyEvent.KEYCODE_BACK) {

                popupWindow.dismiss();                                                           

                return true;

            }

            return false;

        }

    });

    popupWindow.showAtLocation(view,  Gravity.CENTER|Gravity.CENTER_HORIZONTAL, 0, 0);

    其中要注意的是PopupWindow 的视图contentview的设置,contentview.setFocusable(true);  这个很重要,注意不是PopupWindow的setFocusable,同时setOnKeyListener也是contentview调用的,而不是PopupWindow。

    9,PopupWindow的动画

    很多时候我们把PopupWindow用作自定义的菜单,需要一个从底部向上弹出的效果,这就需要为PopupWindow添加动画。

    设置动画的方法:

    public void setAnimationStyle(int animationStyle)

    在res/value/styles.xml添加一个sytle

    <style name="anim_menu_bottombar">

        <item name="android:windowEnterAnimation">@anim/menu_bottombar_in</item>

        <item name="android:windowExitAnimation">@anim/menu_bottombar_out</item>

    </style>

    在工程res下新建anim文件夹,在anim文件夹先新建两个xml文件

    menu_bottombar_in.xml

    <?xml version="1.0" encoding="utf-8"?>

    <set xmlns:android="http://schemas.android.com/apk/res/android" >

        <translate

            android:duration="250"

            android:fromYDelta="100.0%"

            android:toYDelta="0.0" />

    </set>

    menu_bottombar_out.xml

    <?xml version="1.0" encoding="utf-8"?>

    <set xmlns:android="http://schemas.android.com/apk/res/android" >

        <translate

            android:duration="250"

            android:fromYDelta="0.0"

            android:toYDelta="100%" />

    </set>

    mPopupWindow.setAnimationStyle(R.style.menu_anim_bottombar);

    10,若需要监听PopUpWindow里控件的事件,如PopUpWindow里面一个按钮的事件,那么就需要调用方法setFocusable(true)获得焦点,并且在调用setFocusable(true)方法后,可以通过Back(返回)菜单使PopUpWindow dimiss;另外调用方法setOutsideTouchable(true)后,点击PopUpWindow外面的控件也可以使得PopUpWindow dimiss。需要顺利让PopUpWindow dimiss;PopUpWindow的背景不能为空。

    参考:http://www.cnblogs.com/mengdd/p/3569127.html

    http://tonysun3544.iteye.com/blog/1488552

    http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/0702/1627.html

    相关文章

      网友评论

          本文标题:Android中PopupWindow简析

          本文链接:https://www.haomeiwen.com/subject/rlbqzqtx.html