快速实现popuwidow的下拉操作

IT界的各位大神好,今天我来给大家说一下popuwidow下拉的一个简单操做实现,写的好的 话就借鉴,不喜勿喷!!!
这是在activity中实现效果的代码


package com.example.administrator.xml_popuwindow;

import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AdapterView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.SimpleAdapter;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;

import butterknife.Bind;
import butterknife.ButterKnife;
import butterknife.OnClick;

/**
 *  环境的搭建:
 * 1.添加butternifer依赖,取消actionbar,使用toolbar代替
 *
 * popuwidow下拉列表,属于组合式控件
 * 2.完成整体布局,初始化控件,设置点击事件
 * 3.初始化popuwidow索要显示的数据
 * 4.初始化popuwidow控件的设置
 * 5.popuwidowlistview相关联
 * 6.三个popuwidow所依附的LinearLayout,根据点击事件,做对应的逻辑处理(改变颜色,显示效果)
 *
 */
public class MainActivity extends AppCompatActivity {

    @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 mpopuMenu;
    private ListView mpoplistview;
    private SimpleAdapter mMenuAdapter;
    private SimpleAdapter mMenuAdapter2;
    private SimpleAdapter mMenuAdapter3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ButterKnife.bind(this);

        //初始化popuwidow所要显示的数据
        initData();
        //初始化popuwidow控件
        initPopMenu();

    }




    //初始化数据根据popuwidow所需,一个三个,所以我要封装好三个数据
    private void initData() {

        //创建一个存放popuwidow加载数据的大盒子,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);


        }
        //创建一个存放popuwidow加载数据的大盒子,map集合
        menuData2 = new ArrayList<>();
        //存放String字符串数组
        String[] menuStr2 = new String[]{"综合排序", "配送费最低"};

        //创建一个小盒子,放编号和值
        Map<String,String> map2;
        for (int i = 0; i < menuStr2.length; i++) {

            map2 = new HashMap<String, String>();

            map2.put("name",menuStr2[i]);

            menuData2.add(map2);


        }
        //创建一个存放popuwidow加载数据的大盒子,map集合
        menuData3 = new ArrayList<>();
        //存放String字符串数组

        String[] menuStr3 = new String[]{"优惠活动", "特价活动", "免配送费",
                "可在线支付"};
        //创建一个小盒子,放编号和值
        Map<String,String> map3;
        for (int i = 0; i < menuStr3.length; i++) {

            map3 = new HashMap<String, String>();

            map3.put("name",menuStr3[i]);

            menuData3.add(map3);

        }

    }

    //初始化popuwidow
    private void initPopMenu() {

        //包裹listview布局的xml文件转换为view对象\
        View popview = LayoutInflater.from(this).inflate(R.layout.popuwidow_item, null);
        //创建popuwidow对象,参数popuwidow要显示的布局,参数2,3定义popuwidow宽和高
        mpopuMenu = new PopupWindow(popview, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
        //设置popuwidow外部可以点击
        mpopuMenu.setOutsideTouchable(true);
        //设置popuwidow里面listview有焦点
        mpopuMenu.setFocusable(true);
        //如果想让popuwidow有动画效果,必须要有这行代码
        mpopuMenu.setBackgroundDrawable(new ColorDrawable());
        //设置结束时的监听
        mpopuMenu.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"));

            }
        });

        //设置点击popuwidow以外的地方,使得popuwidow消失
        LinearLayout list_bottom = (LinearLayout) popview.findViewById(R.id.popwin_supplier_list_bottom);

        list_bottom.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //当点击到灰色区域时,popuwidow会消失
                mpopuMenu.dismiss();
            }
        });


        //创建simlepleadapter,一个listview安卓原生封装的适配器
        mMenuAdapter = new SimpleAdapter(this, menuData1, R.layout.item_listview_popwin,
                new String[]{"name"}, new int[]{R.id.listview_popwind_tv});

        mMenuAdapter2 = new SimpleAdapter(this, menuData2, R.layout.item_listview_popwin,
                new String[]{"name"}, new int[]{R.id.listview_popwind_tv});

        mMenuAdapter3 = new SimpleAdapter(this, menuData3, R.layout.item_listview_popwin,
                new String[]{"name"}, new int[]{R.id.listview_popwind_tv});

        //先获取listview的对象
        mpoplistview = (ListView) popview.findViewById(R.id.popwin_supplier_list_lv);

        mpoplistview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {

                //首先让popuwidow消失
                mpopuMenu.dismiss();
                switch (menuidex){

                    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 menuidex = 0;

    /**
     * 设置popuwidow结束时点击事件
     * @param view
     */
    @OnClick({R.id.supplier_list_product, R.id.supplier_list_sort, R.id.supplier_list_activity})
    public void onClick(View view) {
        switch (view.getId()) {

            //第一个popuwidow所执行的点击后的逻辑
            case R.id.supplier_list_product:
                //设置点击textview点击颜色
                mProductTv.setTextColor(Color.parseColor("#39ac69"));
                //设置popuwidow里的listview适配器
                mpoplistview.setAdapter(mMenuAdapter);
                //popuwidow显示出来 参数:1.view对象,决定了popuwidow在那个控件下显示  参数2.,3决定
                //popuwidow的坐标,XY;
                mpopuMenu.showAsDropDown(mProduct,0,2);

                menuidex = 0;

                break;
            case R.id.supplier_list_sort:
                //设置点击textview点击颜色
                mSortTv.setTextColor(Color.parseColor("#39ac69"));
                //设置popuwidow里的listview适配器
                mpoplistview.setAdapter(mMenuAdapter2);
                //popuwidow显示出来 参数:1.view对象,决定了popuwidow在那个控件下显示  参数2.,3决定
                //popuwidow的坐标,XY;
                mpopuMenu.showAsDropDown(mProduct,0,2);

                menuidex = 1;
                break;
            case R.id.supplier_list_activity:

                //设置点击textview点击颜色
                mActivityTv.setTextColor(Color.parseColor("#39ac69"));
                //设置popuwidow里的listview适配器
                mpoplistview.setAdapter(mMenuAdapter3);
                //popuwidow显示出来 参数:1.view对象,决定了popuwidow在那个控件下显示  参数2.,3决定
                //popuwidow的坐标,XY;
                mpopuMenu.showAsDropDown(mProduct,0,2);

                menuidex = 2;
                break;
        }
    }


}
 
main_activity的主布局:
 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.administrator.xml_popuwindow.MainActivity">

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:background="#3A97FF"
        >
        <TextView
            android:textSize="25sp"
            android:text="周围"
            android:layout_gravity="center"
            android:textColor="#F7F7F8"
            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="#CD0601"
        />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:background="#F8F8F9"
        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/xxx"/>
        </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/xxx"/>
        </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/xxx"/>
        </LinearLayout>
    </LinearLayout>


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

    <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布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">




    <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>
//
这个xml是popuwidow_item的布局;
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    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>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值