Android 自定义PopupWindow 实现 ListView与PopupWindow结合下拉框

转载请标明出处：http://blog.csdn.net/u010886975/article/details/52711611

1.说明

1.1 项目中要求用下拉框弹出一个带有listView的选择框，开始想到spinner来实现，但是那个效果着实不好看，后来用PopupWindow，加listView的布局文件来实现，但是使用的地方多了，就想着把他们弄到一个控件里面，免得麻烦。最后效果如下，用法和PopupWindow一样。Android菜鸟一枚，请大神们指教。

2.效果图

3.自定义

3.1 定义效果：显示由上向下，消失由下向上。在anim中定义两个动画。
popupwindow_show：

<?xml version="1.0" encoding="utf-8"?>  
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale  android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromXScale="1.0"
        android:toXScale="1.0"
        android:fromYScale="0.0"
        android:toYScale="1.0"
        android:pivotX="0%"
        android:pivotY="0%"
        android:fillAfter="false"
        android:duration="500" >
    </scale>
</set>  

popupwindow_gone：

<?xml version="1.0" encoding="utf-8"?>  
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale  android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromXScale="1.0"
        android:toXScale="1.0"
        android:fromYScale="1.0"
        android:toYScale="0.0"
        android:pivotX="0%"
        android:pivotY="0%"
        android:fillAfter="false"
        android:duration="500" >
    </scale>
</set>

在style.xml中引用定义的动画：

 <style name="popwin_anim_style">
        <item name="android:windowEnterAnimation">@anim/popupwindow_show</item>
        <item name="android:windowExitAnimation">@anim/popupwindow_gone</item>
    </style>

3.2 定义控件：
第一步:定义ListViewPopuWindow继承自PopupWindow；
接着定义一个ListView

 listView = new ListView(mContext);
 listView.setSelector(R.drawable.listview_item_selector);
 listView.setCacheColorHint(Color.TRANSPARENT);
 listView.setVerticalScrollBarEnabled(false);
 listView.setDivider(new ColorDrawable(Color.parseColor("#caced1")));
 listView.setDividerHeight(2);

有listView，那么adapter肯定不能少的。这里adapter没什么好说的。要说的adapter中的getView方法，这个返回view，没有用布局文件，当然你也可以用布局文件。我们直接用代码生成：

private LinearLayout createSingleView(String name) {
            LinearLayout ll = new LinearLayout(mContext);
            ll.setBackgroundColor(Color.TRANSPARENT);
            ll.setGravity(Gravity.CENTER);
            LinearLayout.LayoutParams rlp = new LinearLayout.LayoutParams(
                    ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

            ll.setOrientation(LinearLayout.HORIZONTAL);
            TextView tv = new TextView(mContext);
            tv.setText(name);
            tv.setFocusable(false);
            tv.setTextSize(textSize);
            tv.setPadding(0, 20, 0, 20);
            tv.setTextColor(Color.parseColor(textColor));
            ll.addView(tv, rlp);
            return ll;
        }

接下来在构造方法中设置PopupWindow的一些必要属性和动画：

    // 设置SelectPicPopupWindow弹出窗体的宽  
        this.setWidth(w);  
        // 设置SelectPicPopupWindow弹出窗体的高  
        this.setHeight(h); 

        initView();

        this.setBackgroundDrawable(mContext.getResources().getDrawable(R.drawable.bg_listview_popuwindow_white));
        this.setFocusable(true);
        this.setOutsideTouchable(true);
        this.setContentView(parentLinear);
        this.update();
        this.setAnimationStyle(R.style.popwin_anim_style);

这里需要注意的是：需要有一个viewGroup来装我们的listView，然后把viewGroup设置到PopupWindow中。这里的viewGroup就是parentLinear，也可以，把listView直接设置到PopupWindow中，我这样做是方便设置背景图片。例如弹框的外形什么的。
其实代码真的没什么难度，很简单的，只是把listview，和adapter放到空间里边去了。现在要做的就是，要实现一个接口。以便于我们在点击item的时候。返回我们想要的信息：

    public interface MyClickListener {
        void ItemClick(int index, String str);
    }

    public void setOnMyItemClickListener(MyClickListener listener) {
        mYitemClickListener = listener;
    }

然后在listView的item点击事件中把信息传出去：

 listView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int index,
                    long arg3) {
                mYitemClickListener.ItemClick(index,mStrings[index]);
            }
        });

这里的mStrings是数据源。

3.使用

int[] location = new int[2];
        button.getLocationOnScreen(location);

        final ListViewPopuWindow popupWindow = new ListViewPopuWindow(
                this, tv_state_value, ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT,0);
        popupWindow.setOnMyItemClickListener(new ListViewPopuWindow.MyClickListener() {
            @Override
            public void ItemClick(int index, String str) {
                button.setText(str);
                popupWindow.dismiss();
            }
        });
        popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {

                @Override
                public void onDismiss() {
                //处理popupWindow消失时处理的事情
                }
            });
    popupWindow.showAtLocation(button, Gravity.NO_GRAVITY,
            location[0], location[1] + button.getHeight());

使用的是我们只需要传一个，context，数据源，宽，高，背景图片id。这里宽高可以是ViewGroup.LayoutParams.WRAP_CONTENT。button.getLocationOnScreen(location)是为了拿到显示位置。
到这里就写完了。希望能对人有帮助。不明白的地方可以私信我。
demo下载地址：http://download.csdn.net/detail/u010886975/9648787