AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

android 三级级联筛选列表

2022-01-19 101
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： android 三级级联筛选列表

image.png

image.png

三级级联关系的列表，上面是我项目做出来的效果图，这个是单选的效果。


实现的思路：左边这个是listView ,右边是两级的expandListView


将这两个view 动态放到viewpager里面 设置好比例，剩下的就是处理点击联动事件了。


大体代码如下：


activity中 放viewpager的xml

   <LinearLayout
                android:id="@+id/category_ll"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_above="@+id/button_ll"
                android:layout_below="@+id/title_ll"
                android:orientation="vertical"
                android:visibility="gone">
                <com.jky.mobile_gczjjc.widget.MyViewPager
                    android:id="@+id/category_viewpager"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:overScrollMode="never" />
            </LinearLayout>

target_first_parger.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/target_divider_color"
    android:orientation="vertical">
    <ListView
        android:id="@+id/target_first_lv"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@color/white"
        android:cacheColorHint="@android:color/transparent"
        android:divider="@null"
        android:scrollbars="none" />

LinearLayout>

target_second_parger.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/target_divider_color"
    android:orientation="vertical">
    <ExpandableListView
        android:id="@+id/target_second_exl"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@color/white"
        android:cacheColorHint="@android:color/transparent"
        android:divider="@null"
        android:groupIndicator="@null"
        android:scrollbars="none" />
</LinearLayout>

activity中 核心代码

   //一级
        mViewPager = findViewById(R.id.category_viewpager);
        LayoutInflater inflater = LayoutInflater.from(this);
        view1 = inflater.inflate(R.layout.target_first_parger, null);
        view2 = inflater.inflate(R.layout.target_second_parger, null);
        mFirstListView = view1.findViewById(R.id.target_first_lv);
        mSecondListView = view2.findViewById(R.id.target_second_exl);
        mFirstAdapter = new TargetCategoryFirstAdapter(this, firstBeans);
        mFirstAdapter.setSelectedBackgroundResource(R.drawable.select_white);//选中时
        mFirstAdapter.setHasDivider(false);
        mFirstAdapter.setNormalBackgroundResource(R.color.target_bg_gray);//未选中
        mFirstListView.setAdapter(mFirstAdapter);
        views.add(view1);
        views.add(view2);//加载了一二级菜单
        mViewPager.setAdapter(new MyPagerAdapter(views));

初始化数据及点击事件部分

    private void initSelectCategory(CategoryBean bean) {
        if (bean != null && bean.getData() != null) {
            firstBeans = bean.getData();
        }
        FirstBean fBean = new FirstBean();
        fBean.setName("全部");
        fBean.setType("0");
        fBean.setItems(new ArrayList<SecondBean>());
        fBean.setSelect(true);
        firstBeans.add(0, fBean);
        if (mFirstAdapter == null) {
            mFirstAdapter = new TargetCategoryFirstAdapter(TargetFilterActivity.this, firstBeans);
            mSecondListView.setAdapter(mSecondAdapter);
        } else {
            mFirstAdapter.setData(firstBeans);
        }
        mFirstListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                FirstBean firstBean = firstBeans.get(position);
                for (int i = 0; i < firstBeans.size(); i++) {
                    if (i == position) {
                        firstBeans.get(i).setSelect(true);
                    } else {
                        firstBeans.get(i).setSelect(false);
                    }
                }
                if (mFirstAdapter == null) {
                    mFirstAdapter = new TargetCategoryFirstAdapter(TargetFilterActivity.this, firstBeans);
                    mSecondListView.setAdapter(mSecondAdapter);
                } else {
                    mFirstAdapter.setData(firstBeans);
                }
                if (firstBean.getType().equals("0")) {//不限
                    if (mSecondAdapter != null) {
                        mSecondAdapter.setData(new ArrayList<SecondBean>());
                        mSecondAdapter.notifyDataSetChanged();
                    }
                } else {
                    mSecondList = firstBean.getItems();
                    for (int i = 0; i < mSecondList.size(); i++) {
                        mSecondList.get(i).setIsSelect(false);
                        for (int j = 0; j < mSecondList.get(i).getItems().size(); j++) {
                            mSecondList.get(i).getItems().get(j).setIsSelect(false);
                        }
                    }
                    if (mSecondAdapter == null) {
                        mSecondAdapter = new TargetCategorySecondAdapter(TargetFilterActivity.this, mSecondList);
                        mSecondListView.setAdapter(mSecondAdapter);
                    } else {
                        mSecondAdapter.setData(mSecondList);
                    }
                    String secondType = firstBean.getType();
                    String secondName = firstBean.getName();
                    if (secondType.equals("-1")) {
                        mProjectType = mFirstProjectType;
                        mProjectTypeName = mFirstProjectTypeName;
                    } else {
                        mProjectType = mFirstProjectType + "/" + secondType;
                        mProjectTypeName = mFirstProjectTypeName + "/" + secondName;
                    }
                    //默认全部展开
                    for (int i = 0; i < mSecondList.size(); i++) {
                        if (mSecondListView != null) {
                            mSecondListView.expandGroup(i);
                        }
                    }
                }
            }
        });
        //二级
        mSecondListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
            @Override
            public boolean onGroupClick(ExpandableListView expandableListView, View view, int groupPosition, long l) {
                for (int i = 0; i < mSecondList.size(); i++) {
                    if (i == groupPosition) {
                        mSecondList.get(i).setIsSelect(true);
                    } else {
                        mSecondList.get(i).setIsSelect(false);
                    }
                    for (int j = 0; j < mSecondList.get(i).getItems().size(); j++) {
                        mSecondList.get(i).getItems().get(j).setIsSelect(false);
                    }
                }
                String thirdType = mSecondList.get(groupPosition).getType();
                String thirdName = mSecondList.get(groupPosition).getName();
                mProjectType = mFirstProjectType + "/" + thirdType;
                mProjectTypeName = mFirstProjectTypeName + "/" + thirdName;
                mSecondAdapter.setData(mSecondList);
                return true;
            }
        });
        mSecondListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
            @Override
            public boolean onChildClick(ExpandableListView expandableListView, View view, int groupPosition, int childPosition, long l) {
                for (int i = 0; i < mSecondList.size(); i++) {
                    if (i == groupPosition) {
                        mSecondList.get(i).setIsSelect(true);
                    } else {
                        mSecondList.get(i).setIsSelect(false);
                    }
                    List<SecondBean.ThirdBean> thirdList = mSecondList.get(i).getItems();
                    for (int j = 0; j < thirdList.size(); j++) {
                        if (i == groupPosition && j == childPosition) {
                            thirdList.get(j).setIsSelect(true);
                        } else {
                            thirdList.get(j).setIsSelect(false);
                        }
                    }
                }
                String thirdType = mSecondList.get(groupPosition).getType();
                String thirdName = mSecondList.get(groupPosition).getName();
                String fourType = mSecondList.get(groupPosition).getItems().get(childPosition).getType();
                String fourName = mSecondList.get(groupPosition).getItems().get(childPosition).getName();
                mProjectType = mFirstProjectType + "/" + thirdType + "/" + fourType;//工程类型id
                mProjectTypeName = mFirstProjectTypeName + "/" + thirdName + "/" + fourName;//工程名称  前端显示
                mSecondAdapter.setData(mSecondList);
                return false;
            }
        });
    }

MyViewPager

package com.jky.mobile_gczjjc.widget;
import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
/**
 * Created by LaiYingtang on 2016/5/22.
 * 主页面左右滑动
 */
public class MyViewPager extends ViewPager {
    public MyViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    public MyViewPager(Context context) {
        super(context);
    }
    //判断menu在x,y的位置
    public void scrollTo(int x,int y){
        if(getAdapter()==null||x>getWidth()*(getAdapter().getCount()-2)){
            return;
        }
        super.scrollTo(x,y);
    }
}

TargetCategoryFirstAdapter

package com.jky.mobile_gczjjc.adapter;
import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import com.jky.mobile_gczjjc.R;
import com.jky.mobile_gczjjc.bean.CategoryBean.FirstBean;
import java.util.ArrayList;
import java.util.List;
/**
 * 指标 建筑分类 第一级适配器
 * @author zlw
 */
public class TargetCategoryFirstAdapter extends BaseAdapter {
    private Context mContext;
    private List<FirstBean> firstBeans =new ArrayList<>();
    private int mSelectedBackgroundResource;//选中item时的背景颜色
    private int mNormalBackgroundResource;//为选中的背景颜色
    private boolean hasDivider = true;
    public void setSelectedBackgroundResource(int mSelectedBackgroundResource) {
        this.mSelectedBackgroundResource = mSelectedBackgroundResource;
    }
    public void setNormalBackgroundResource(int mNormalBackgroundResource) {
        this.mNormalBackgroundResource = mNormalBackgroundResource;
    }
    public void setHasDivider(boolean hasDivider) {
        this.hasDivider = hasDivider;
    }
    public TargetCategoryFirstAdapter(Context mContext, List<FirstBean> firstBeans) {
        this.mContext = mContext;
        this.firstBeans = firstBeans;
    }
    public void setData(List<FirstBean> data) {
        this.firstBeans = data;
        notifyDataSetChanged();
    }
    @Override
    public int getCount() {
        if (firstBeans == null) {
            return 0;
        }
        return firstBeans.size();
    }
    @Override
    public Object getItem(int position) {
        if (firstBeans == null) {
            return null;
        }
        return firstBeans.get(position);
    }
    @Override
    public long getItemId(int position) {
        return position;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder vh = null;
        if (convertView == null) {
            vh = new ViewHolder();
            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_target_category_first, null);
            vh.itemLayout = convertView.findViewById(R.id.menu_item_ly);
            vh.nameText = convertView.findViewById(R.id.name_rb);
            vh.dividerTextView = convertView.findViewById(R.id.menu_item_divider);
            convertView.setTag(vh);
        } else {
            vh = (ViewHolder) convertView.getTag();
        }
        FirstBean firstBean = firstBeans.get(position);
        vh.nameText.setText(firstBean.getName());//设置标题
        if (firstBean.isSelect){
            vh.nameText.setTextColor(mContext.getResources().getColor(R.color.common_blue));
            vh.itemLayout.setBackgroundResource(mSelectedBackgroundResource);
        }else{
            vh.nameText.setTextColor(Color.BLACK);
            vh.itemLayout.setBackgroundResource(mNormalBackgroundResource);
        }
        //隐藏view
        vh.dividerTextView.setVisibility(hasDivider ? View.VISIBLE : View.INVISIBLE);
        return convertView;
    }
    private class ViewHolder{
        private View itemLayout;
        private TextView nameText;
        private TextView dividerTextView;
    }
}

TargetCateGorySecondAdapter

package com.jky.mobile_gczjjc.adapter;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;
import com.jky.mobile_gczjjc.R;
import com.jky.mobile_gczjjc.bean.CategoryBean.FirstBean.SecondBean;
import com.jky.mobile_gczjjc.bean.CategoryBean.FirstBean.SecondBean.ThirdBean;
import java.util.ArrayList;
import java.util.List;
/**
 * 指标 建筑分类 第二级适配器
 * @author zlw
 */
public class TargetCategorySecondAdapter extends BaseExpandableListAdapter {
    private Context mContext;
    private List<SecondBean> secondBeans= new ArrayList<>();
    private int selectedPos = -1;
    public TargetCategorySecondAdapter(Context mContext, List<SecondBean> menuDatas) {
        this.mContext = mContext;
        this.secondBeans = menuDatas;
    }
    //选中的position,及时更新数据
    public void setSelectedPos(int selectedPos) {
        this.selectedPos = selectedPos;
        notifyDataSetChanged();
    }
    public void setData(List<SecondBean> data) {
        this.secondBeans = data;
        notifyDataSetChanged();
    }
    @Override
    public int getGroupCount() {
        return secondBeans.size();
    }
    @Override
    public int getChildrenCount(int groupPosition) {
        return secondBeans.get(groupPosition).getItems().size();
    }
    @Override
    public Object getGroup(int groupPosition) {
        return secondBeans.get(groupPosition);
    }
    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return secondBeans.get(groupPosition).getItems().get(childPosition);
    }
    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }
    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }
    @Override
    public boolean hasStableIds() {
        return true;
    }
    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        ViewHolder vh = null;
        if (convertView == null) {
            vh = new ViewHolder();
            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_target_category_second, null);
            vh.menu_item_ly = convertView.findViewById(R.id.menu_item_ly);
            vh.nameText = convertView.findViewById(R.id.name_rb);
            convertView.setTag(vh);
        } else {
            vh = (ViewHolder) convertView.getTag();
        }
        SecondBean secondBean = secondBeans.get(groupPosition);
        if (secondBean.isSelect){
            vh.nameText.setTextColor(mContext.getResources().getColor(R.color.red_text_color));
        }else{
            vh.nameText.setTextColor(mContext.getResources().getColor(R.color.gray_text_color));
        }
        vh.nameText.setText(secondBean.getName());//设置标题
        return convertView;
    }
    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
        View view = convertView;
        ChildHolder holder = null;
        if(view == null){
            holder = new ChildHolder();
            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_target_category_third, null);
            holder.menu_item_ly = convertView.findViewById(R.id.menu_item_ly);
            holder.nameText = convertView.findViewById(R.id.name_rb);
            convertView.setTag(holder);
        }else{
            holder = (ChildHolder)convertView.getTag();
        }
        ThirdBean thirdBean = secondBeans.get(groupPosition).getItems().get(childPosition);
        holder.nameText.setText(thirdBean.getName());//设置标题
        if (thirdBean.isSelect){
            holder.nameText.setTextColor(mContext.getResources().getColor(R.color.red_text_color));
        }else{
            holder.nameText.setTextColor(mContext.getResources().getColor(R.color.gray_text_color));
        }
        return convertView;
    }
    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return true;
    }
    class ChildHolder{
        private View menu_item_ly;
        private TextView nameText;
    }
    private  class ViewHolder {
        private View menu_item_ly;
        private TextView nameText;
    }
}

CategoryBean

package com.jky.mobile_gczjjc.bean;
import com.google.gson.Gson;
import java.util.List;
/**
 * Created by lenovo on 2018/3/13.
 */
public class CategoryBean {
    /**
     * errorCode : 1
     * data : [{"name":"居住建筑","type":"","items":[{"name":"普通住宅","type":"","items":[{"name":"保障性住房","type":""}]}]}]
     */
    private int errorCode;
    private List<FirstBean> data;
    public List<FirstBean> getData() {
        return data;
    }
    public void setData(List<FirstBean> data) {
        this.data = data;
    }
    public static class FirstBean {
        /**
         * name : 居住建筑
         * type :
         * items : [{"name":"普通住宅","type":"","items":[{"name":"保障性住房","type":""}]}]
         */
        private String name;
        private String type;
        public boolean isSelect;
        private List<SecondBean> items;
        public boolean isSelect() {
            return isSelect;
        }
        public void setSelect(boolean select) {
            isSelect = select;
        }
        public String getName() {
            return name;
        }
        public void setName(String name) {
            this.name = name;
        }
        public String getType() {
            return type;
        }
        public void setType(String type) {
            this.type = type;
        }
        public List<SecondBean> getItems() {
            return items;
        }
        public void setItems(List<SecondBean> items) {
            this.items = items;
        }
        public  class SecondBean {
            /**
             * name : 普通住宅
             * type :
             * items : [{"name":"保障性住房","type":""}]
             */
            public String name;
            public String type;
            private List<ThirdBean> items;
            public boolean isSelect;
            public boolean getIsSelect() {
                return isSelect;
            }
            public void setIsSelect(boolean isSelect) {
                this.isSelect = isSelect;
            }
            public String getName() {
                return name;
            }
            public void setName(String name) {
                this.name = name;
            }
            public String getType() {
                return type;
            }
            public void setType(String type) {
                this.type = type;
            }
            public List<ThirdBean> getItems() {
                return items;
            }
            public void setItems(List<ThirdBean> items) {
                this.items = items;
            }
            public  class ThirdBean {
                /**
                 * name : 保障性住房
                 * type :
                 */
                private String name;
                private String type;
                public boolean isSelect;
                public boolean getIsSelect() {
                    return isSelect;
                }
                public void setIsSelect(boolean isSelect) {
                    this.isSelect = isSelect;
                }
                public  ThirdBean objectFromData(String str) {
                    return new Gson().fromJson(str, ThirdBean.class);
                }
                public String getName() {
                    return name;
                }
                public void setName(String name) {
                    this.name = name;
                }
                public String getType() {
                    return type;
                }
                public void setType(String type) {
                    this.type = type;
                }
            }
        }
    }
}


文章标签：
Android开发
数据格式
XML
关键词：
Android筛选
再见孙悟空_
目录
相关文章
一笑轮回~
|
5月前
|
Android开发 索引
Android流布局实现筛选界面
Android流布局实现筛选界面
一笑轮回~
84 0
技术小能手
|
Android开发
Android开发小技巧之商品属性筛选与商品筛选
技术小能手
2730 0
技术小甜
|
Android开发
android—使用Expandable实现三级树形结构
技术小甜
998 0
技术mix呢
|
Android开发
android 三级菜单 BaseExpandableListAdapter
技术mix呢
1173 0
禁言
|
Android开发
Android开发小技巧之商品属性筛选与商品筛选
前言 一周一篇文章，果真是不太容易。顺便吐槽一下上周也就是9月5号的文章，几天之内就耗完了我1.4G的空间流量，吓得我都抽搐了。 这个次为大家带来的是一个完整的商品属性筛选与商品筛选。
禁言
778 0
ansen_666
|
Android开发
android模仿58筛选下拉框(PopupWindow实现)
ansen_666
5662 0
code_xzh
|
Android开发
android wheelview实现三级城市选择
很早之前看淘宝就有了ios那种的城市选择控件，当时也看到网友有分享，不过那个写的很烂，后来（大概是去年吧），我们公司有这么一个项目，当时用的还是网上比较流行的那个黑框的那个，感觉特别的丑，然后我在那个开源的wheelview的基础上做封装，用户只需要专心数据的组装即可，然后填充就行，其他的可以不必考虑。 先上下效果图 接下来说下我的思路：网络请求-数据返回-设置数据-数据填充控件 接
code_xzh
1240 0
请看我回答~
|
27天前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上，安卓和iOS两大阵营各据一方。随着技术的演进，跨平台开发框架成为开发者的新宠，旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战，并分享实用的开发技巧，帮助开发者在安卓和iOS的世界中游刃有余。
请看我回答~
41 1
mrq4nk6ni2neg
|
15天前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图：打造个性化用户界面
在安卓应用开发的广阔天地中，自定义视图是一块神奇的画布，让开发者能够突破标准控件的限制，绘制出独一无二的用户界面。本文将带你走进自定义视图的世界，从基础概念到实战技巧，逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者，这篇文章都将为你打开新的视野，让你的应用在众多同质化产品中脱颖而出。
mrq4nk6ni2neg
40 19
请看我回答~
|
15天前
|
JSON Java API
探索安卓开发：打造你的首个天气应用
在这篇技术指南中，我们将一起潜入安卓开发的海洋，学习如何从零开始构建一个简单的天气应用。通过这个实践项目，你将掌握安卓开发的核心概念、界面设计、网络编程以及数据解析等技能。无论你是初学者还是有一定基础的开发者，这篇文章都将为你提供一个清晰的路线图和实用的代码示例，帮助你在安卓开发的道路上迈出坚实的一步。让我们一起开始这段旅程，打造属于你自己的第一个安卓应用吧！
请看我回答~
41 14