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

<?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>

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

<?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

<?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中初始化这两个按钮，并添加监听事件：

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

评论

2 楼 tan2416 2013-01-04  

回复看看。。。。。

1 楼 yahier 2012-08-13  

Q1.popupwindow中的listview item点击无反应
  解决方案：
        infoPopup.setFocusable(true);
        infoPopup.update();