Android开发：实现popupwindow中显示listview

sapcefish

2011-04-11

前文中我们讲过了在Android开发中如何实现带图片和checkbox的listview，如何把listview添加到popupwindow窗口中呢？关于这个listview我就再不多说了，主要是实现popupwindow和美化popupwindow。

先看看我做截图：

Android开发：实现popupwindow中显示listview

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

Java代码

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());    


        }    


    };

给按钮添加监听事件：

Java代码

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的布局：

Java代码

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



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




    android:orientation="vertical"    




    android:layout_width="fill_parent"    




    android:layout_height="fill_parent">    



    <TextView    



        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的例子"/>    




        <!-- 如果layout_width的值为fill_parent时，居中要用android:gravity="center"-->    



    <ListView    



        android:id="@+id/lv"    




        android:layout_width="fill_parent"     




        android:layout_height="wrap_content"    




        android:background="@drawable/rounded_corners_list"/>    



    <LinearLayout    



        android:orientation="horizontal"    




        android:layout_gravity="center"    




        android:layout_width="wrap_content"    




        android:layout_height="wrap_content"    




        android:background="@drawable/rounded_corners_list">    



        <Button     



            android:id="@+id/submit"     




            android:layout_width="100dip"     




            android:layout_height="50dip"     




            android:text="提交"/>    



        <Button     



            android:id="@+id/cancel"     




            android:layout_width="100dip"     




            android:layout_height="50dip"     




            android:text="取消"/>    



    </LinearLayout>    


</LinearLayout>

新建rounded_corners_pop.xml，用于自定义窗口的样式文件，具体内容如下：

Java代码

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



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




    <solid android:color="#ffffffff" />    




    <stroke android:width="3dp" color="#ffff8080" />    




    <corners android:radius="10dp" />    



    <padding     



        android:left="3dp"    




        android:top="3dp"     




        android:right="3dp"    




        android:bottom="3dp" />    



</shape>

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

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

Java代码

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



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




    android:orientation="horizontal"    




    android:layout_width="fill_parent"    




    android:layout_height="fill_parent"    




    android:id="@+id/lmain"    



    >    


    <Button     



        android:id="@+id/myButton1"     




        android:layout_width="100dip"     




        android:layout_height="50dip"     




        android:text="显示"/>    



    <Button     



        android:id="@+id/myButton2"     




        android:layout_width="100dip"     




        android:layout_height="50dip"     




        android:text="隐藏"/>    



</LinearLayout>

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

popupwindow listview android开发 list