PopupWindow 属性，我们的使用的途径

今天看到了，比人写的一个Demo，看到了之后感觉还不错，自己也是仔细的思考了一哈，其实这样的用途也是比较的多的嘛。

使用PopupWindow可实现弹出窗口效果,，其实和AlertDialog一样，也是一种对话框，两者也经常混用，但是也各有特点。下面就看看使用方法。

​showAsDropDown的用法属性介绍​

​首先初始化一个PopupWindow，指定窗口大小参数。（这下面的东西看起来都是差不多的效果）​

PopupWindow mPop = new PopupWindow(getLayoutInflater().inflate(R.layout.window, null)，LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

//自定义布局

ViewGroup menuView = (ViewGroup) mLayoutInflater.inflate(

R.layout.window, null, true);

PopupWindow mPop = new PopupWindow(menuView, LayoutParams.WRAP_CONTENT,

LayoutParams.WRAP_CONTENT, true);

当然也可以手动设置PopupWindow大小。

mPop.setContentView(menuView );//设置包含视图

mPop.setWidth(int )

mPop.setHeight(int )//设置弹出框大小

设置进场动画：

mPop.setAnimationStyle(R.style.AnimationPreview);//设置动画样式

​mPop.setOutsideTouchable(true);//这里设置显示PopuWindow之后在外面点击是否有效。​

​如果为false的话，那么点击PopuWindow外面并不会关闭PopuWindow。​

​当然这里很明显只能在Touchable下才能使用。（这个效果是十分的有用的哟）​

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

mPop.setBackgroundDrawable(....);

mPop.showAsDropDown(anchor, 0, 0);//设置显示PopupWindow的位置位于View的左下方，x,y表示坐标偏移量​mPop.setOnDismissListenerd(new PopupWindow.OnDismissListener(){})//设置窗口消失事件​

看到了我们上面的这些属性，其实我们也就可以大概的了解到了，我们可以通过监听的方式，让任何的东西点击，然后呈现我们的PopWindow在其恰当的位置，至于我们的PopWinod，我们可以通过自定义的方式，进行改进其中的许多的东西。

58同城APP找房子的时候,看到筛选下拉框蛮不错的,然后也有很多朋友需要实现这个功能,,重构,封装.把一些公共的东西抽取出来,选择下拉框那块做成一个工具类,然后通过接口回调回来.进行处理吧，哈哈这里是原网址

​1.MainActivity.java  用户点击区域TextView的时候,初始化自定义控件PopupWindow,然后显示PopupWindow.通过PopupWindow构造参数传入一个选择完成的监听接口实现。​

​[java] 

view plain

copy

1. 1. 
      
2. /** 
3.  * 主Activity 
4.  * @author ansen 
5.  * @create time 2015-09-25 
6.  */  
7. public class MainActivity extends Activity implements OnClickListener{  
8.     private SelectPopupWindow mPopupWindow = null;  
9. 
   
10.     private TextView tvZuQuyu;  
11. 
    
12.     private String[] parentStrings = {"全城","中原区","二七区","管城区","金水区","上街区","惠济区","郑东新区","高新区","经开区","郑州周边"};  
13.     private String[][] childrenStrings={{},  
14.             {"中原1","中原2","中原3","中原4","中原5","中原6","中原7","中原8","中原9","中原10","中原11","中原12","中原13","中原14","中原15"},  
15.             {"二七1","二七2","二七3","二七4","二七5","二七6","二七7","二七8","二七9","二七10","二七11","二七12","二七13","二七14","二七15"},  
16.             {"管城1","管城2","管城3","管城4","管城5","管城6","管城7","管城8","管城9","管城10","管城11","管城12","管城13","管城14","管城15"},  
17.             {"金水1","金水2","金水3","金水4","金水5","金水6","金水7","金水8","金水9","金水10","金水11","金水12","金水13","金水14","金水15"},  
18.             {"上街1","上街2","上街3","上街4","上街5","中原6","中原7","中原8","中原9","中原10","中原11","中原12","中原13","中原14","中原15"},  
19.             {"中原1","中原2","中原3","中原4","中原5","中原6","中原7","中原8","中原9","中原10","中原11","中原12","中原13","中原14","中原15"},  
20.             {"郑东新区1","郑东新区2","郑东新区3","中原4","中原5","中原6","中原7","中原8","中原9","中原10","中原11","中原12","中原13","中原14","中原15"},  
21.             {"高新区1","高新区2","高新区3","中原4","中原5","中原6","中原7","中原8","中原9","中原10","中原11","中原12","中原13","中原14","中原15"},  
22.             {"经开区1","经开区2","经开区3","中原4","中原5","中原6","中原7","中原8","中原9","中原10","中原11","中原12","中原13","中原14","中原15"},  
23.             {"周边1","周边2","周边3","中原4","中原5","中原6","中原7","中原8","中原9","中原10","中原11","中原12","中原13","中原14","中原15"},  
24.     };  
25. 
    
26.     @Override  
27.     public void onCreate(Bundle savedInstanceState) {  
28.         super.onCreate(savedInstanceState);  
29.         setContentView(R.layout.activity_chuzu_city_main);  
30. 
    
31.         tvZuQuyu = (TextView) findViewById(R.id.tvZuQuyu);  
32.         tvZuQuyu.setOnClickListener(this);  
33.     }  
34. 
    
35.     @Override  
36.     public void onClick(View v) {  
37.         switch (v.getId()) {  
38.         case R.id.tvZuQuyu:  
39.             if(mPopupWindow == null){  
40.                 mPopupWindow = new SelectPopupWindow(parentStrings,childrenStrings,this,selectCategory);  
41.             }  
42.             mPopupWindow.showAsDropDown(tvZuQuyu, -5, 10);  
43.             break;  
44.         }  
45.     }  
46. 
    
47.     /** 
48.      * 选择完成回调接口 
49.      */  
50.     private SelectCategory selectCategory=new SelectCategory() {  
51.         @Override  
52.         public void selectCategory(int parentSelectposition,int childrenSelectposition) {  
53.             String parentStr=parentStrings[parentSelectposition];  
54.             String childrenStr=childrenStrings[parentSelectposition][childrenSelectposition];  
55. 
    
56.             Toast.makeText(MainActivity.this, "父类别:"+parentStr+"  子类别:"+childrenStr, 0).show();  
57.         }  
58.     };  
59. }  
    1. 
       

​2.SelectPopupWindow.java   自定义的PopupWindow,在构造方法中设置内容,设置背景等.给要显示的两个ListView设置适配器,添加ListView点击事件,点击子类别的时候回调选中的两个下标,关闭PopupWindow。​

​[java] 

​​view plain​​

​​copy​​

1. 1. 
      
2. /** 
3.  * 选择PopupWindow 
4.  * @author ansen 
5.  * @create time 2015-10-09 
6.  */  
7. public class SelectPopupWindow extends PopupWindow{  
8.     private SelectCategory selectCategory;  
9. 
   
10.     private String[] parentStrings;  
11.     private String[][] childrenStrings;  
12. 
    
13.     private ListView lvParentCategory = null;  
14.     private ListView lvChildrenCategory= null;  
15.     private ParentCategoryAdapter parentCategoryAdapter = null;  
16.     private ChildrenCategoryAdapter childrenCategoryAdapter = null;  
17. 
    
18.     /** 
19.      * @param parentStrings   字类别数据 
20.      * @param childrenStrings 字类别二位数组 
21.      * @param activity 
22.      * @param selectCategory  回调接口注入 
23.      */  
24.     public SelectPopupWindow(String[] parentStrings,String[][] childrenStrings,Activity activity,SelectCategory selectCategory) {  
25.             this.selectCategory=selectCategory;  
26.             this.parentStrings=parentStrings;  
27.             this.childrenStrings=childrenStrings;  
28. 
    
29.             View contentView = LayoutInflater.from(activity).inflate(R.layout.layout_quyu_choose_view, null);  
30.         DisplayMetrics dm = new DisplayMetrics();  
31.         activity.getWindowManager().getDefaultDisplay().getMetrics(dm); // 获取手机屏幕的大小  
32. 
    
33.             this.setContentView(contentView);  
34.             this.setWidth(dm.widthPixels);  
35.             this.setHeight(dm.heightPixels*7/10);  
36. 
    
37.         /* 设置背景显示 */  
38.         setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.pop_bg));  
39.         /* 设置触摸外面时消失 */  
40.         setOutsideTouchable(true);  
41.         setTouchable(true);  
42.         setFocusable(true); /*设置点击menu以外其他地方以及返回键退出 */  
43. 
    
44.         /** 
45.          * 1.解决再次点击MENU键无反应问题 
46.          */  
47.         contentView.setFocusableInTouchMode(true);  
48. 
    
49.         //父类别适配器  
50.         lvParentCategory= (ListView) contentView.findViewById(R.id.lv_parent_category);  
51.         parentCategoryAdapter = new ParentCategoryAdapter(activity,parentStrings);  
52.         lvParentCategory.setAdapter(parentCategoryAdapter);  
53. 
    
54.         //子类别适配器  
55.         lvChildrenCategory= (ListView) contentView.findViewById(R.id.lv_children_category);  
56.         childrenCategoryAdapter = new ChildrenCategoryAdapter(activity);  
57.         lvChildrenCategory.setAdapter(childrenCategoryAdapter);  
58. 
    
59.         lvParentCategory.setOnItemClickListener(parentItemClickListener);  
60.         lvChildrenCategory.setOnItemClickListener(childrenItemClickListener);  
61.     }  
62. 
    
63.     /** 
64.      * 子类别点击事件 
65.      */  
66.     private OnItemClickListener childrenItemClickListener=new OnItemClickListener(){  
67.         @Override  
68.         public void onItemClick(AdapterView<?> parent, View view, int position,long id) {  
69.             if(selectCategory!=null){  
70.                 selectCategory.selectCategory(parentCategoryAdapter.getPos(),position);  
71.             }  
72.             dismiss();  
73.         }  
74.     };  
75. 
    
76.     /** 
77.      * 父类别点击事件 
78.      */  
79.     private OnItemClickListener parentItemClickListener=new OnItemClickListener() {  
80.         @Override  
81.         public void onItemClick(AdapterView<?> parent, View view, int position,long id) {  
82.             childrenCategoryAdapter.setDatas(childrenStrings[position]);  
83.             childrenCategoryAdapter.notifyDataSetChanged();  
84. 
    
85.             parentCategoryAdapter.setSelectedPosition(position);  
86.             parentCategoryAdapter.notifyDataSetChanged();  
87.         }  
88.     };  
89. 
    
90.     /** 
91.      * 选择成功回调 
92.      * @author apple 
93.      * 
94.      */  
95.     public interface SelectCategory{  
96.         /** 
97.          * 把选中的下标通过方法回调回来 
98.          * @param parentSelectposition  父类别选中下标 
99.          * @param childrenSelectposition 子类别选中下标 
100.          */  
101.         public void selectCategory(int parentSelectposition,int childrenSelectposition);  
102.     }  
103. 
     
104. }  
     1. 
        

​3.layout_quyu_choose_view.xml   PopupWindow展示的布局文件,两个就两个ListView​

​[html] 

view plain

copy

1. 1. 
      
2. <?xml version="1.0" encoding="utf-8"?>  
3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="match_parent"  
6.     android:background="@drawable/pop_bg"  
7.     android:orientation="horizontal">  
8. 
   
9.     <ListView  
10.         android:id="@+id/lv_parent_category"  
11.         android:layout_width="0dp"  
12.         android:layout_height="fill_parent"  
13.         android:layout_weight="3"  
14.         android:background="@color/zu_choose_left_item_bg"  
15.         android:cacheColorHint="@android:color/transparent"  
16.         android:divider="@color/zu_choose_left_item_diveder"  
17.         android:dividerHeight="1dp"  
18.         android:scrollbars="none"/>  
19. 
    
20.     <View  
21.         android:layout_width="1dp"  
22.         android:layout_height="fill_parent"  
23.         android:background="@color/zu_choose_left_item_diveder"/>  
24. 
    
25.     <ListView  
26.         android:id="@+id/lv_children_category"  
27.         android:layout_width="0dp"  
28.         android:layout_height="fill_parent"  
29.         android:layout_weight="4"  
30.         android:background="@color/zu_choose_right_item_bg"  
31.         android:cacheColorHint="@android:color/transparent"  
32.         android:divider="@color/zu_choose_left_item_diveder"  
33.         android:dividerHeight="1dp"  
34.         android:scrollbars="none" />  
35. 
    
36. </LinearLayout>  
    1. 
       

​4.ParentCategoryAdapter.java  父类别适配器的实现,跟我们平时经常写的适配器没啥两样,就在getView方法里面判断是否选中,选中的那个下标颜色设置的不一样.​

​[java] 

view plain

copy

1. 1. 
      
2. /** 
3.  * 父类别 适配器 
4.  * @author ansen 
5.  * @create time 2015-09-25 
6.  */  
7. public class ParentCategoryAdapter extends BaseAdapter {  
8.     private Context mContext;  
9.     private String[] str;  
10.     private int pos;  
11. 
    
12.     public ParentCategoryAdapter(Context context,String[] str) {  
13.         mContext = context;  
14.         this.str = str;  
15.     }  
16. 
    
17.     @Override  
18.     public int getCount() {  
19.         return str.length;  
20.     }  
21. 
    
22.     @Override  
23.     public Object getItem(int position) {  
24.         return null;  
25.     }  
26. 
    
27.     @Override  
28.     public long getItemId(int position) {  
29.         return position;  
30.     }  
31. 
    
32.     @Override  
33.     public View getView(int position, View convertView, ViewGroup parent) {  
34.         ViewHolder holder = null;  
35.         if (convertView == null) {  
36.             holder = new ViewHolder();  
37.             convertView = LayoutInflater.from(mContext).inflate(R.layout.activity_parent_category_item, null);  
38.             holder.tvParentCategoryName = (TextView) convertView.findViewById(R.id.tv_parent_category_name);  
39.             convertView.setTag(holder);  
40.         } else {  
41.             holder = (ViewHolder) convertView.getTag();  
42.         }  
43. 
    
44.         holder.tvParentCategoryName.setText(str[position]);  
45. 
    
46.         if(pos==position){  
47.             holder.tvParentCategoryName.setTextColor(mContext.getResources().getColor(R.color.list_text_select_color));  
48.             convertView.setBackgroundColor(mContext.getResources().getColor(R.color.zu_choose_right_item_bg));  
49.         }else{  
50.             holder.tvParentCategoryName.setTextColor(mContext.getResources().getColor(android.R.color.black));  
51.             convertView.setBackgroundColor(mContext.getResources().getColor(R.color.zu_choose_left_item_bg));  
52.         }  
53.         return convertView;  
54.     }  
55. 
    
56.     private class ViewHolder {  
57.         private TextView tvParentCategoryName;  
58.     }  
59. 
    
60.     public void setSelectedPosition(int pos) {  
61.         this.pos = pos;  
62.     }  
63. 
    
64.     public int getPos() {  
65.         return pos;  
66.     }  
67. }  
    1. 
       

​还有子类别适配器，一些布局文件我就不全部贴出来了,有需要的可以下载源码.​