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

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

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

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

第一种:使用线性布局直接将将图片,文字写好;

第二种:为长期考虑,使用PopupWindow嵌套ListView;(可扩展性强)

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

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

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



    
    
接下来看下主页面弹出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);
        
        /**
         * 第一个参数:显示在iv布局下面
         * 第二个参数:xoff表示x轴的偏移,正值表示向左,负值表示向右;
         * 第三个参数:yoff表示相对y轴的偏移,正值是向下,负值是向上;
         */
        popupWindow.showAsDropDown(iv,0,-40);


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

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

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

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

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

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

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



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


你可能感兴趣的:(android)