android:PopupWindow嵌套ListView (附加制作9.png图片)

首先看下效果图，就是普通的PopupWindow弹出分类选项点击效果；

popupWindow的布局有两种方式可以实现：

第一种：使用线性布局直接将将图片，文字写好；

第二种：为长期考虑，使用PopupWindow嵌套ListView;（可扩展性强）

我们Demo中使用的是第二种；

可能大家会感觉非常简单，但是在项目中使用的时候还真的碰到一些坑；

主页面布局就不在展示了，我们先看下PopupWindow的布局文件(第一个坑)；

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="145dp"
    android:layout_height="match_parent">

    <!--这里的layout_width必须写成固定值，不然和match_parent效果一样（X方向填充满屏幕）-->
    <ListView
        android:id="@+id/listview"
        android:layout_width="135dp"
        android:layout_height="match_parent"
        android:layout_marginRight="10dp"
        android:background="@mipmap/aa"/>
</LinearLayout>

接下来看下主页面弹出PopupWindow的逻辑代码：

 View popView=View.inflate(this,R.layout.pop,null);
        /**
         * 第一个参数：View contenView（布局）
         * 第二个参数：int width（宽度）
         * 第三个参数：int height（高度）
         *      宽高参数：-2 和 ViewGroup.LayoutParams.WRAP_CONTENT 一样
         *                -1 和 ViewGroup.LayoutParams.MATCH_PARENT 一样
         *
         * 三个参数缺少任意一个都不可能弹出来PopWindow；
         *
         */
        popupWindow = new PopupWindow(popView, -2, -2);
        //popupWindow是否响应touch事件
        popupWindow.setTouchable(true);
        //popupWindow是否具有获取焦点的能力
        popupWindow.setFocusable(true);
        //这个方法是重中之重，不仅仅是设置背景,不设置背景上面两行代码无效
        popupWindow.setBackgroundDrawable(null);
        
        popListView= (ListView) popView.findViewById(R.id.listview);
        
        //这里有个小坑，代码设置分割线，必须先设置颜色，再设置高度，不然不生效
        popListView.setDivider(new ColorDrawable(Color.WHITE));
        popListView.setDividerHeight(1);
        
        PopListViewAdapter adapter = new PopListViewAdapter(context);
        popListView.setAdapter(adapter);
        
        /**
         * 第一个参数：显示在ｉｖ布局下面
         * 第二个参数：xoff表示x轴的偏移，正值表示向左，负值表示向右；
         * 第三个参数：yoff表示相对y轴的偏移，正值是向下，负值是向上；
         */
        popupWindow.showAsDropDown(iv,0,-40);

这里面使用了一张9.png图片，以前是在eclipse中制作的，其实androdiStudio也可以制作，而且非常的简单；

直接右建你要制作的原图，最下面有一个Create 9-Patch file...

点击让你选择图片存储位置，选择好位置会生成9.png图片

左上标注指的是拉伸的区域；

上下标注指的是内容填充区域；

点击打开链接免费下载源码