实现在popwindow中展示listview列表

之前我实现了在listview中显示图片和checkbox，具体看这儿：http://gqdy365.iteye.com/blog/992340

接下来我将上述listview添加到popupwindow窗口中。关于这个listview我就再不多说了，主要是实现popupwindow和美化popupwindow。

先看看我做截图：



1、创建一个popupwindow，并设置相应的样式。

Java代码  

1. private   void  popAwindow(View parent) {  
2.         if  (window ==  null ) {  
3.             LayoutInflater lay = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
4.             View v = lay.inflate(R.layout.popupwindow, null );  
5.             v.setBackgroundDrawable(getResources().getDrawable(R.drawable.rounded_corners_view));  
6.               
7.             //初始化按钮   
8.             submit = (Button) v.findViewById(R.id.submit);  
9.             submit.setOnClickListener(submitListener);  
10.             cancel = (Button) v.findViewById(R.id.cancel);  
11.             cancel.setOnClickListener(cancelListener);  
12.               
13.             //初始化listview，加载数据。   
14.             list=(ListView)v.findViewById(R.id.lv);  
15.             MyAdapter adapter=new  MyAdapter(Main. this );  
16.             list.setAdapter(adapter);  
17.             list.setItemsCanFocus(false );  
18.             list.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);  
19.             list.setOnItemClickListener(listClickListener);  
20.               
21.             window = new  PopupWindow(v,  500 , 260 );  
22.         }  
23.           
24.         //设置整个popupwindow的样式。   
25.         window.setBackgroundDrawable(getResources().getDrawable(R.drawable.rounded_corners_pop));  
26.         //使窗口里面的空间显示其相应的效果，比较点击button时背景颜色改变。   
27.         //如果为false点击相关的空间表面上没有反应，但事件是可以监听到的。   
28.         //listview的话就没有了作用。   
29.         window.setFocusable(true );  
30.         window.update();  
31.         window.showAtLocation(parent, Gravity.CENTER_VERTICAL, 0 ,  0 );  
32.     }  
33.   
34.     OnItemClickListener listClickListener = new  OnItemClickListener() {  
35.         @Override   
36.         public   void  onItemClick(AdapterView<?> parent, View view,  int  position,  
37.                 long  id) {  
38.             ViewHolder vHollder = (ViewHolder) view.getTag();  
39.             // 在每次获取点击的item时将对于的checkbox状态改变，同时修改map的值。   
40.             vHollder.cBox.toggle();  
41.             MyAdapter.isSelected.put(position, vHollder.cBox.isChecked());  
42.         }  
43.     };  

给按钮添加监听事件：

Java代码  

1. OnClickListener submitListener =  new  OnClickListener() {  
2.         @Override   
3.         public   void  onClick(View v) {  
4.             //这儿可以写提交数据的代码。   
5.             closeWindow();  
6.         }  
7.     };  
8.   
9.     OnClickListener cancelListener=new  OnClickListener(){  
10.         @Override   
11.         public   void  onClick(View v){  
12.             closeWindow();  
13.         }  
14.     };  
15.       
16.     private   void  closeWindow(){  
17.         //将每个checkbox的标记改为false，以便下次弹出window时是初始的状态。   
18.         for  ( int  j =  0 ; j < MyAdapter.isSelected.size(); j++) {  
19.             MyAdapter.isSelected.put(j, false );  
20.             ViewHolder vHollder = (ViewHolder) list.getChildAt(j).getTag();  
21.             vHollder.cBox.setChecked(false );  
22.         }  
23.         //提交数据时关闭popupwindow。   
24.         if  (window !=  null ) {  
25.             window.dismiss();  
26.         }  
27.     }  

在layout中新建popupwindow.xml文件，具体内容如下，主要是对window的布局：

Java代码  

1. <?xml version= "1.0"  encoding= "utf-8" ?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
3.     android:orientation="vertical"   
4.     android:layout_width="fill_parent"   
5.     android:layout_height="fill_parent" >  
6.     <TextView  
7.         android:id="@+id/tip"    
8.         android:layout_width="wrap_content"    
9.         android:layout_height="wrap_content"   
10.         android:layout_gravity="center"   
11.         android:textSize="18dip"   
12.         android:background="@drawable/rounded_corners_list"   
13.         android:text="这是一个popupWindow的例子" />  
14.         <!-- 如果layout_width的值为fill_parent时，居中要用android:gravity="center" -->  
15.     <ListView  
16.         android:id="@+id/lv"   
17.         android:layout_width="fill_parent"    
18.         android:layout_height="wrap_content"   
19.         android:background="@drawable/rounded_corners_list" />  
20.     <LinearLayout  
21.         android:orientation="horizontal"   
22.         android:layout_gravity="center"   
23.         android:layout_width="wrap_content"   
24.         android:layout_height="wrap_content"   
25.         android:background="@drawable/rounded_corners_list" >  
26.         <Button   
27.             android:id="@+id/submit"    
28.             android:layout_width="100dip"    
29.             android:layout_height="50dip"    
30.             android:text="提交" />  
31.         <Button   
32.             android:id="@+id/cancel"    
33.             android:layout_width="100dip"    
34.             android:layout_height="50dip"    
35.             android:text="取消" />  
36.     </LinearLayout>  
37. </LinearLayout>  

其中listView的布局的布局和实现请参考文章开头提到的另一篇文章。
新建rounded_corners_pop.xml，用于自定义窗口的样式文件，具体内容如下：

Java代码  

1. <?xml version= "1.0"  encoding= "utf-8" ?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >  
3.     <solid android:color="#ffffffff"  />  
4.     <stroke android:width="3dp"  color= "#ffff8080"  />  
5.     <corners android:radius="10dp"  />  
6.     <padding   
7.         android:left="3dp"   
8.         android:top="3dp"    
9.         android:right="3dp"   
10.         android:bottom="3dp"  />  
11. </shape>  

这个就可以实现圆角的样式，周围的白边是通过在白的样式上面叠加黑色的来实现的。
其他样式文件大家可以参考上面的rounded_corners_pop.xml自己写。

2、在main.xml中添加按钮，一个用于显示window，一个用于隐藏window

Java代码  

1. <?xml version= "1.0"  encoding= "utf-8" ?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
3.     android:orientation="horizontal"   
4.     android:layout_width="fill_parent"   
5.     android:layout_height="fill_parent"   
6.     android:id="@+id/lmain"   
7.     >  
8.     <Button   
9.         android:id="@+id/myButton1"    
10.         android:layout_width="100dip"    
11.         android:layout_height="50dip"    
12.         android:text="显示" />  
13.     <Button   
14.         android:id="@+id/myButton2"    
15.         android:layout_width="100dip"    
16.         android:layout_height="50dip"    
17.         android:text="隐藏" />  
18. </LinearLayout>  

在activity中初始化这两个按钮，并添加监听事件：

Java代码  

1. OnClickListener bPop =  new  OnClickListener() {  
2.     @Override   
3.     public   void  onClick(View v) {  
4.         popAwindow(v);  
5.     }  
6. };  
7.   
8. OnClickListener boff = new  OnClickListener() {  
9.     @Override   
10.     public   void  onClick(View v) {  
11.         if (window!= null ){  
12.             window.dismiss();  
13.         }  
14.     }  
15. };