实现在popwindow中展示listview列表

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

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

先看看我做截图：



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

 private   void  popAwindow(View parent) {
         if  (window ==  null ) {
             LayoutInflater lay = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
             View v = lay.inflate(R.layout.popupwindow, null );
             v.setBackgroundDrawable(getResources().getDrawable(R.drawable.rounded_corners_view));

             //初始化按钮
             submit = (Button) v.findViewById(R.id.submit);
             submit.setOnClickListener(submitListener);
             cancel = (Button) v.findViewById(R.id.cancel);
             cancel.setOnClickListener(cancelListener);

             //初始化listview，加载数据。
             list=(ListView)v.findViewById(R.id.lv);
             MyAdapter adapter=new  MyAdapter(Main. this );
             list.setAdapter(adapter);
             list.setItemsCanFocus(false );
             list.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
             list.setOnItemClickListener(listClickListener);

             window = new  PopupWindow(v,  500 , 260 );
         }

         //设置整个popupwindow的样式。
         window.setBackgroundDrawable(getResources().getDrawable(R.drawable.rounded_corners_pop));
         //使窗口里面的空间显示其相应的效果，比较点击button时背景颜色改变。
         //如果为false点击相关的空间表面上没有反应，但事件是可以监听到的。
         //listview的话就没有了作用。
         window.setFocusable(true );
         window.update();
         window.showAtLocation(parent, Gravity.CENTER_VERTICAL, 0 ,  0 );
     }

     OnItemClickListener listClickListener = new  OnItemClickListener() {
         @Override
         public   void  onItemClick(AdapterView parent, View view,  int  position,
                 long  id) {
             ViewHolder vHollder = (ViewHolder) view.getTag();
             // 在每次获取点击的item时将对于的checkbox状态改变，同时修改map的值。
             vHollder.cBox.toggle();
             MyAdapter.isSelected.put(position, vHollder.cBox.isChecked());
         }
     };

给按钮添加监听事件：

 OnClickListener submitListener =  new  OnClickListener() {
         @Override
         public   void  onClick(View v) {
             //这儿可以写提交数据的代码。
             closeWindow();
         }
     };

     OnClickListener cancelListener=new  OnClickListener(){
         @Override
         public   void  onClick(View v){
             closeWindow();
         }
     };

     private   void  closeWindow(){
         //将每个checkbox的标记改为false，以便下次弹出window时是初始的状态。
         for  ( int  j =  0 ; j < MyAdapter.isSelected.size(); j++) {
             MyAdapter.isSelected.put(j, false );
             ViewHolder vHollder = (ViewHolder) list.getChildAt(j).getTag();
             vHollder.cBox.setChecked(false );
         }
         //提交数据时关闭popupwindow。
         if  (window !=  null ) {
             window.dismiss();
         }
     }

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

  "1.0"  encoding= "utf-8" ?>
 "http://schemas.android.com/apk/res/android"
     android:orientation="vertical"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent" >

         android:id="@+id/tip"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center"
         android:textSize="18dip"
         android:background="@drawable/rounded_corners_list"
         android:text="这是一个popupWindow的例子" />


         android:id="@+id/lv"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:background="@drawable/rounded_corners_list" />

         android:orientation="horizontal"
         android:layout_gravity="center"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:background="@drawable/rounded_corners_list" >

             android:id="@+id/submit"
             android:layout_width="100dip"
             android:layout_height="50dip"
             android:text="提交" />

             android:id="@+id/cancel"
             android:layout_width="100dip"
             android:layout_height="50dip"
             android:text="取消" />

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

  "1.0"  encoding= "utf-8" ?>
 "http://schemas.android.com/apk/res/android" >
     "#ffffffff"  />
     "3dp"  color= "#ffff8080"  />
     "10dp"  />

         android:left="3dp"
         android:top="3dp"
         android:right="3dp"
         android:bottom="3dp"  />

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

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

  "1.0"  encoding= "utf-8" ?>
 "http://schemas.android.com/apk/res/android"
     android:orientation="horizontal"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:id="@+id/lmain"
     >

         android:id="@+id/myButton1"
         android:layout_width="100dip"
         android:layout_height="50dip"
         android:text="显示" />

         android:id="@+id/myButton2"
         android:layout_width="100dip"
         android:layout_height="50dip"
         android:text="隐藏" />

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

 OnClickListener bPop =  new  OnClickListener() {
     @Override
     public   void  onClick(View v) {
         popAwindow(v);
     }
 };

 OnClickListener boff = new  OnClickListener() {
     @Override
     public   void  onClick(View v) {
         if (window!= null ){
             window.dismiss();
         }
     }
 };