搜索
 找回密码
 立即注册

简单一步 , 微信登陆

popupwindows

作者:liuwei | 时间:2016-7-7 12:01:21 | 阅读:4146| 只看该作者
构造方法
[size=1em]
[size=1em]1
[size=1em][size=1em]public PopupWindow(View contentView, int width, int height, boolean focusable)



contentView为要显示的view,width和height为宽和高,值为像素值,也可以是MATCHT_PARENT和WRAP_CONTENT。
还可以
[size=1em]
[size=1em]1
[size=1em][size=1em]public PopupWindow (Context context)



或者
[size=1em]
[size=1em]1
[size=1em][size=1em]public PopupWindow(View contentView, int width, int height)



或者
[size=1em]
[size=1em]1
[size=1em][size=1em]public PopupWindow(View contentView)



其中第一种最省事,构造函数中设置了要显示的View,宽度 ,高度以及是否能获得焦点。以上是几种用的比较常见的构造方法。

改变PopupWindow的视图内容
可以通过
[size=1em]
[size=1em]1
[size=1em][size=1em]public void setContentView(View contentView)



来改变popup的显示内容,也可以用来初始化PopupWindow的View,比如使用构造函数public PopupWindow (Context context)获得的Popupwindow就只能用setContentView来设置内容。
[size=1em]
[size=1em]1
[size=1em]2
[size=1em][size=1em]PopupWindow popupWindow = newPopupWindow(context);
[size=1em]popupWindow.setContentView(contentview);




获得PopupWindow的视图内容
[size=1em]
[size=1em]1
[size=1em][size=1em]public View getContentView()




显示PopupWindow
  • showAsDropDown(View anchor):相对某个控件的位置(正左下方),无偏移
  • showAsDropDown(View anchor, int xoff, int yoff):相对某个控件的位置,有偏移
  • showAtLocation(View parent, int gravity, int x, int y):相对于父控件的位置(例如正中央Gravity.CENTER,下方Gravity.BOTTOM等),可以设置偏移或无偏移

其实我发现showAtLocation的parent参数可以很随意,只要是activity中的view都可以。

大小:
有两种方法设置PopupWindow的大小:
调用有宽高参数的构造函数:
[size=1em]
[size=1em]1
[size=1em]2
[size=1em]3
[size=1em]4
[size=1em][size=1em]LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
[size=1em]View contentview = inflater.inflate(R.layout.popup_process, null);
[size=1em]PopupWindow popupWindow = newPopupWindow(contentview,LayoutParams.WRAP_CONTENT,
[size=1em]LayoutParams.WRAP_CONTENT);



通过setWidth和setHeight设置
[size=1em]
[size=1em]1
[size=1em]2
[size=1em]3
[size=1em][size=1em]PopupWindow popupWindow = newPopupWindow(contentview);
[size=1em]popupWindow.setWidth(LayoutParams.WRAP_CONTENT);         
[size=1em]popupWindow.setHeight(LayoutParams.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"
[size=1em]
[size=1em]1
[size=1em]2
[size=1em]3
[size=1em]4
[size=1em]5
[size=1em]6
[size=1em]7
[size=1em]8
[size=1em]9
[size=1em]10
[size=1em]11
[size=1em]12
[size=1em]13
[size=1em]14
[size=1em]15
[size=1em]16
[size=1em]17
[size=1em]18
[size=1em]19
[size=1em]20
[size=1em]21
[size=1em]22
[size=1em][size=1em]<?xml version="1.0"encoding="utf-8"?>
[size=1em]<LinearLayout xmlns:android="[color=blue !important]http://schemas.android.com/apk/res/android"
[size=1em]    android:layout_width="wrap_content"
[size=1em]    android:layout_height="wrap_content"
[size=1em]>
[size=1em]    <LinearLayout
[size=1em]        android:background="@drawable/shape_ret_loading_bg"
[size=1em]        android:layout_width="150.0dip"
[size=1em]        android:layout_height="80.0dip"
[size=1em]        androidrientation="vertical"
[size=1em]        android:gravity="center"
[size=1em]    >
[size=1em]        <TextView
[size=1em]            android:textSize="14dip"
[size=1em]            android:textColor="@color/white"
[size=1em]            android:layout_width="wrap_content"
[size=1em]            android:layout_height="wrap_content"
[size=1em]            android:layout_marginLeft="10.0dip"
[size=1em]            android:text="加载中..."
[size=1em]        />
[size=1em]    </LinearLayout>
[size=1em]</LinearLayout>




PopUpWindow的焦点:
setFocusable设置PopupWindow的焦点,一般资料对此的解释都是:是否让Popupwindow可以点击但是这揭示了本质却与直观现象不符。实际上,
如果:
setFocusable(true);
则PopUpWindow本身可以看作一个类似于模态对话框的东西(但有区别),PopupWindow弹出后,所有的触屏和物理按键都有PopupWindows处理。其他任何事件的响应都必须发生在PopupWindow消失之后, (home  等系统层面的事件除外)。比如这样一个PopupWindow出现的时候,按back键首先是让PopupWindow消失,第二次按才是退出activity,准确的说是想退出activity你得首先让PopupWindow消失,因为不并是任何情况下按back  PopupWindow都会消失,必须在PopupWindow设置了背景的情况下 。
如果PopupWindow中有Editor的话,focusable要为true。
而setFocusable(false);
则PopUpWindow只是一个浮现在当前界面上的view而已,不影响当前界面的任何操作。
是一个“没有存在感”的东西。
一般情况下setFocusable(true);

点击空白处的时候让PopupWindow消失
关于PopupWindow最搞笑的地方是setOutsideTouchable方法,原本以为如果你setOutsideTouchable(true)则点击PopupWindow之外的地方PopupWindow会消失,其实这玩意儿好像一点用都没有。
要让点击PopupWindow之外的地方PopupWindow消失你需要调用setBackgroundDrawable(new BitmapDrawable());
设置背景,为了不影响样式,这个背景是空的。还可以这样写,觉得这样要保险些:
setBackgroundDrawable(new ColorDrawable(0x00000000));
背景不为空但是完全透明。如此设置还能让PopupWindow在点击back的时候消失。其实一直觉得很奇怪,不明白为什么一个背景会影响点击事件,只知道这样用可行。

用PopupWindow实现一个真正的模态对话框:
刚才说到“popupWindow.setFocusable(true);
则PopUpWindow本身可以看作一个类似于模态对话框的东西”
其实这句话有一些细微的错误,在android中一个模态对话框应该是这样的:
阻止屏幕上的其他View事件,且点击PopupWindow外面不会消失,但是能响应back事件(点击back消失),所以如果要让
PopupWindow有模态对话框的表现,则不能调用setBackgroundDrawable,因为setBackgroundDrawable会让点击PopupWindow外面PopupWindow消失。但是如果不调用setBackgroundDrawable则点击back键也不会消失,比模态对话框还变态。不过还是有解决的办法:
[size=1em]
[size=1em]1
[size=1em]2
[size=1em]3
[size=1em]4
[size=1em]5
[size=1em]6
[size=1em]7
[size=1em]8
[size=1em]9
[size=1em]10
[size=1em]11
[size=1em]12
[size=1em]13
[size=1em]14
[size=1em]15
[size=1em]16
[size=1em]17
[size=1em]18
[size=1em]19
[size=1em][size=1em]LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
[size=1em]View contentview = inflater.inflate(R.layout.popup_process, null);
[size=1em]contentview.setFocusable(true); // 这个很重要
[size=1em]contentview.setFocusableInTouchMode(true);
[size=1em]final PopupWindow popupWindow = newPopupWindow(contentview,LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
[size=1em]popupWindow.setFocusable(true);
[size=1em]popupWindow.setOutsideTouchable(false);
[size=1em]contentview.setOnKeyListener(newOnKeyListener() {
[size=1em]    @Override
[size=1em]    public boolean onKey(View v, int keyCode, KeyEvent event) {
[size=1em]        if(keyCode == KeyEvent.KEYCODE_BACK) {
[size=1em]            popupWindow.dismiss();
[size=1em]                                                                                                                                                                    
[size=1em]            returntrue;
[size=1em]        }
[size=1em]        returnfalse;
[size=1em]    }
[size=1em]});
[size=1em]popupWindow.showAtLocation(view,  Gravity.CENTER|Gravity.CENTER_HORIZONTAL, 0, 0);



其中要注意的是PopupWindow 的视图contentview的设置,contentview.setFocusable(true);  这个很重要,注意不是PopupWindow的setFocusable,同时setOnKeyListener也是contentview调用的,而不是PopupWindow。setOnKeyListener方法中的代码很好理解,但是为啥是contentview调用就不是很清楚了,貌似没人去研究。其实为了是代码的相关性更低contentview.setOnKeyListener可以用popupWindow.getContentView.setOnKeyListener来代替。
话说如果PopupWindow需要如此这番周折才能实现一个模态对话框何不直接用Dialog呢?其实我只是将这些现象讲清楚,你可以根据这些知识将PopupWindow 应用在很苛刻的场景中。

PopupWindow的动画
很多时候我们把PopupWindow用作自定义的菜单,需要一个从底部向上弹出的效果,这就需要为PopupWindow添加动画。
设置动画的方法:
[size=1em]
[size=1em]1
[size=1em][size=1em]public void setAnimati**tyle(int animati**tyle)



在res/value/styles.xml添加一个sytle
[size=1em]
[size=1em]1
[size=1em]2
[size=1em]3
[size=1em]4
[size=1em][size=1em]<style name="anim_menu_bottombar">
[size=1em]    <item name="android:windowEnterAnimation">@anim/menu_bottombar_in</item>
[size=1em]    <item name="android:windowExitAnimation">@anim/menu_bottombar_out</item>
[size=1em]</style>



在工程res下新建anim文件夹,在anim文件夹先新建两个xml文件
menu_bottombar_in.xml
[size=1em]
[size=1em]1
[size=1em]2
[size=1em]3
[size=1em]4
[size=1em]5
[size=1em]6
[size=1em]7
[size=1em][size=1em]<?xml version="1.0"encoding="utf-8"?>
[size=1em]<set xmlns:android="[color=blue !important]http://schemas.android.com/apk/res/android">
[size=1em]    <translate
[size=1em]        android:duration="250"
[size=1em]        android:fromYDelta="100.0%"
[size=1em]        android:toYDelta="0.0"/>
[size=1em]</set>



menu_bottombar_out.xml
[size=1em]
[size=1em]1
[size=1em]2
[size=1em]3
[size=1em]4
[size=1em]5
[size=1em]6
[size=1em]7
[size=1em][size=1em]<?xml version="1.0"encoding="utf-8"?>
[size=1em]<set xmlns:android="[color=blue !important]http://schemas.android.com/apk/res/android">
[size=1em]    <translate
[size=1em]        android:duration="250"
[size=1em]        android:fromYDelta="0.0"
[size=1em]        android:toYDelta="100%"/>
[size=1em]</set>



mPopupWindow.setAnimati**tyle(R.style.menu_anim_bottombar);

收藏
收藏0
分享
分享
点赞
点赞0
反对
反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册
手机版