pupwindow列表

整体思路

1.首先添加butterknife的依赖,取消掉ActionBar,使用toolbar代替
2.完成整体的布局,初始化控件,设置点击事件
3.初始化popwindow所要显示的数据
4.初始化popwindow控件的设置
5.popwindow与listview相关联
6.三个popwindow所依附的linearlayout,根据点击事件,做对应逻辑处理(改变textview的颜色,显示效果)

main布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent" android:layout_height="match_parent">
     <android.support.v7.widget.Toolbar
         android:background="@color/colorAccent"
         android:layout_width="match_parent"
         android:layout_height="45dp">
         <TextView
             android:textSize="20sp"
             android:text="周边"
             android:layout_gravity="center_horizontal"
             android:textColor="@color/white"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content" />
     </android.support.v7.widget.Toolbar>
    <!--从这里开始,就是自定义多条件筛选菜单控件的核心所在-->
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#E2E2E2"
        />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:background="@color/white"
        android:orientation="horizontal"
        >

        <LinearLayout
            android:id="@+id/supplier_list_product"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="horizontal"
            >

            <TextView
                android:id="@+id/supplier_list_product_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="全部"
                android:textSize="14dp"
                />

            <ImageView
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:src="@drawable/t1"/>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/supplier_list_sort"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="horizontal"
            >

            <TextView
                android:id="@+id/supplier_list_sort_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="综合排序"
                android:textSize="14dp"
                />

            <ImageView
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:src="@drawable/t1"/>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/supplier_list_activity"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="horizontal"
            >

            <TextView
                android:id="@+id/supplier_list_activity_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="优惠活动"
                android:textSize="14dp"
                />

            <ImageView
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:src="@drawable/t1"/>
        </LinearLayout>
    </LinearLayout>


    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#E2E2E2"
        />

    <ListView
        android:id="@+id/supplier_list_lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="10dp"
        android:cacheColorHint="#00000000"
        android:divider="#f0f0f0"
        android:dividerHeight="10dp"
        android:fadingEdge="none"
        android:listSelector="#00000000"
        android:scrollbarStyle="outsideOverlay"
        android:scrollingCache="false"
        >
    </ListView>

</LinearLayout>

item_listview_popwindow布局
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ffffff"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/listview_popwind_tv"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:gravity="center_vertical"
        android:text="地点"
        android:textColor="#5a5959"
        android:textSize="18dp" />

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:background="#E2E2E2" />

</LinearLayout>
popwin_list布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:background="#5000"
    android:layout_height="match_parent">
    <ListView
        android:id="@+id/popwin_supplier_list_lv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:cacheColorHint="#00000000"
        android:divider="#0000"
        android:dividerHeight="0dp"
        android:fadingEdge="none"
        android:listSelector="#00000000"
        android:scrollbarStyle="outsideOverlay"
        android:scrollbars="none"
        android:scrollingCache="false"
        >
    </ListView>

    <LinearLayout
        android:id="@+id/popwin_supplier_list_bottom"
        android:layout_width="match_parent"
        android:layout_weight="1"
        android:layout_height="0dp"
        android:orientation="vertical"
        >
    </LinearLayout>

</LinearLayout>
main代码
@Bind(R.id.supplier_list_product_tv)
    TextView mProductTv;  // 可以修改名称
    @Bind(R.id.supplier_list_product)
    LinearLayout mProduct;
    @Bind(R.id.supplier_list_sort_tv)
    TextView mSortTv;     // 可以修改名称
    @Bind(R.id.supplier_list_sort)
    LinearLayout mSort;
    @Bind(R.id.supplier_list_activity_tv)
    TextView mActivityTv;   // 可以修改名称
    @Bind(R.id.supplier_list_activity)
    LinearLayout mActivity;
    @Bind(R.id.supplier_list_lv)
    ListView mSupplierListLv;
    private ArrayList<Map<String, String>> menuData1;
    private ArrayList<Map<String, String>> menuData2;
    private ArrayList<Map<String, String>> menuData3;
    private PopupWindow mPopMenu;
    private ListView mpoplistview;
    private SimpleAdapter mMenuAdapter1;
    private SimpleAdapter mMenuAdapter2;
    private SimpleAdapter mMenuAdapter3;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        //初始化popwindow所要显示的数据
initData();
        //初始化popwindow控件
        initPopMenu();
    }
//初始化popwindow
    private void initPopMenu() {
        //把包裹listview布局的xml文件转换为view对象
        View popview = LayoutInflater.from(this).inflate(R.layout.popwin_list, null);
   //创建popwindow对象,参数1 popwindow要显示的布局  参数2 3  定义popwindow宽和高
        mPopMenu = new PopupWindow(popview, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
    //设置popwindow外部可以点击
        mPopMenu.setOutsideTouchable(true);
        //设置popwindow里面的listview有焦点
        mPopMenu.setFocusable(true);
        //如果想让popwindow有动画效果,就必须有这行代码
        mPopMenu.setBackgroundDrawable(new ColorDrawable());
    //设置popwindow结束时的监听
        mPopMenu.setOnDismissListener(new PopupWindow.OnDismissListener() {
            @Override
            public void onDismiss() {
                //设置TextView的颜色,把所有LinearLayout的文本颜色该为灰色
                mProductTv.setTextColor(Color.parseColor("#5a5959"));
                mSortTv.setTextColor(Color.parseColor("#5a5959"));
                mActivityTv.setTextColor(Color.parseColor("#5a5959"));
            }
        });
        //设置点击popwindow以外的地方,使popwindow消失
        LinearLayout list_bottom = (LinearLayout) popview.findViewById(R.id.popwin_supplier_list_bottom);
        list_bottom.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //当点击到灰色区域时 popwindow消失
                mPopMenu.dismiss();
            }
        });
        //获取listview对象
        mpoplistview = (ListView) popview.findViewById(R.id.popwin_supplier_list_lv);
        //创建simpleadapter,一个listview安卓原生封装的适配器
        mMenuAdapter1 = new SimpleAdapter(this, menuData1, R.layout.item_listview_popwindow, new String[]{"name"}, new int[]{R.id.listview_popwind_tv});
        mMenuAdapter2 = new SimpleAdapter(this, menuData2, R.layout.item_listview_popwindow, new String[]{"name"}, new int[]{R.id.listview_popwind_tv});
        mMenuAdapter3 = new SimpleAdapter(this, menuData3, R.layout.item_listview_popwindow, new String[]{"name"}, new int[]{R.id.listview_popwind_tv});
//设置popwindow里的listview点击事件,当点击listview里的一个item时,把这个item数据显示到最上方
        mpoplistview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
//首先让popwindow消失
        mPopMenu.dismiss();
        switch (menuIndex){
            case 0:
                String currentProduct = menuData1.get(i).get("name");
                mProductTv.setText(currentProduct);
                break;
            case 1:
                String currentsort = menuData2.get(i).get("name");
                mSortTv.setText(currentsort);
                break;
            case 2:
                String currentActivity = menuData3.get(i).get("name");
                mActivityTv.setText(currentActivity);
                break;
        }

    }
});
    }
//设置一个标记,方便对点击不同linearlayout做相应操作
    private int menuIndex=0;
    //初始化数据,popwindow所需,一共有三个,所以我要封装好三个数据,这里是假数据,真实数据从网上获取
    private void initData() {
//创建一个存放popwindow加载数据的大盒子,map集合(键,值)
        menuData1 = new ArrayList<>();
        //存放String的字符串数组
        String[] menuStr1 = new String[]{"全部", "粮油", "衣服", "图书", "电子产品",
                "酒水饮料", "水果"};
        //创建一个小盒子,放编号和值
        Map<String,String> map1;
        for (int x=0;x<menuStr1.length;x++){
            map1=new HashMap<String, String>();
            map1.put("name",menuStr1[x]);
            menuData1.add(map1);
        }
        //创建一个存放popwindow加载数据的大盒子,map集合(键,值)
        menuData2 = new ArrayList<>();
        //存放String的字符串数组
        String[] menuStr2 = new String[]{"综合排序", "配送费最低"};
        //创建一个小盒子,放编号和值
        Map<String,String> map2;
        for (int x=0;x<menuStr2.length;x++){
            map2=new HashMap<String, String>();
            map2.put("name",menuStr2[x]);
            menuData2.add(map2);
        }
        //创建一个存放popwindow加载数据的大盒子,map集合(键,值)
        menuData3 = new ArrayList<>();
        //存放String的字符串数组
        String[] menuStr3 = new String[]{"优惠活动", "特价活动", "免配送费",
                "可在线支付"};
        //创建一个小盒子,放编号和值
        Map<String,String> map3;
        for (int x=0;x<menuStr3.length;x++){
            map3=new HashMap<String, String>();
            map3.put("name",menuStr3[x]);
            menuData3.add(map3);
        }
        //测试是否有问题
        String name = menuData3.get(0).get("name");
        System.out.println("name----"+name);
    }

    @OnClick({R.id.supplier_list_product, R.id.supplier_list_sort, R.id.supplier_list_activity})
    public void onClick(View view) {
        switch (view.getId()) {
            //第一个popwindow所执行的点击后的逻辑
            case R.id.supplier_list_product:
                //设置其textview点击是红色
                mProductTv.setTextColor(Color.RED);
                //设置popwindow里的lisyview适配器
                mpoplistview.setAdapter(mMenuAdapter1);
                //让popwindow显示出来  参数1.view对象  决定了popwindow在哪个控件下显示
                //参数2 3  决定了popwindow的坐标  x轴 y轴
                mPopMenu.showAsDropDown(mProduct,0,2);
                menuIndex=0;
                break;
            case R.id.supplier_list_sort:
                mSortTv.setTextColor(Color.RED);
                mpoplistview.setAdapter(mMenuAdapter2);
                mPopMenu.showAsDropDown(mProduct,0,2);
                menuIndex=1;
                break;
            case R.id.supplier_list_activity:
                mActivityTv.setTextColor(Color.RED);
                mpoplistview.setAdapter(mMenuAdapter3);
                mPopMenu.showAsDropDown(mProduct,0,2);
                menuIndex=2;
                break;
        }
    }