备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

android 三级级联筛选列表

2022-01-19 86
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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筛选
再见孙悟空_
目录
相关文章
技术小能手
|
Android开发
Android开发小技巧之商品属性筛选与商品筛选
技术小能手
2682 0
技术小甜
|
Android开发
android—使用Expandable实现三级树形结构
技术小甜
960 0
技术mix呢
|
Android开发
android 三级菜单 BaseExpandableListAdapter
技术mix呢
1123 0
禁言
|
Android开发
Android开发小技巧之商品属性筛选与商品筛选
前言 一周一篇文章，果真是不太容易。顺便吐槽一下上周也就是9月5号的文章，几天之内就耗完了我1.4G的空间流量，吓得我都抽搐了。 这个次为大家带来的是一个完整的商品属性筛选与商品筛选。
禁言
747 0
ansen_666
|
Android开发
android模仿58筛选下拉框(PopupWindow实现)
ansen_666
5623 0
code_xzh
|
Android开发
android wheelview实现三级城市选择
很早之前看淘宝就有了ios那种的城市选择控件，当时也看到网友有分享，不过那个写的很烂，后来（大概是去年吧），我们公司有这么一个项目，当时用的还是网上比较流行的那个黑框的那个，感觉特别的丑，然后我在那个开源的wheelview的基础上做封装，用户只需要专心数据的组装即可，然后填充就行，其他的可以不必考虑。 先上下效果图 接下来说下我的思路：网络请求-数据返回-设置数据-数据填充控件 接
code_xzh
1210 0
张继群
|
21天前
|
Java Android开发
Android 开发获取通知栏权限时会出现两个应用图标
Android 开发获取通知栏权限时会出现两个应用图标
张继群
12 0
Hdnw
|
1月前
|
XML 缓存 Android开发
Android开发，使用kotlin学习多媒体功能（详细）
Android开发，使用kotlin学习多媒体功能（详细）
Hdnw
97 0
shuj
|
1月前
|
设计模式 人工智能 开发工具
安卓应用开发：构建未来移动体验
【2月更文挑战第17天】 随着智能手机的普及和移动互联网技术的不断进步，安卓应用开发已成为一个热门领域。本文将深入探讨安卓平台的应用开发流程、关键技术以及未来发展趋势。通过分析安卓系统的架构、开发工具和框架，本文旨在为开发者提供全面的技术指导，帮助他们构建高效、创新的移动应用，以满足不断变化的市场需求。
shuj
18 1
请看我回答~
|
12天前
|
XML 开发工具 Android开发
构建高效的安卓应用：使用Jetpack Compose优化UI开发
【4月更文挑战第7天】 随着Android开发不断进化，开发者面临着提高应用性能与简化UI构建流程的双重挑战。本文将探讨如何使用Jetpack Compose这一现代UI工具包来优化安卓应用的开发流程，并提升用户界面的流畅性与一致性。通过介绍Jetpack Compose的核心概念、与传统方法的区别以及实际集成步骤，我们旨在提供一种高效且可靠的解决方案，以帮助开发者构建响应迅速且用户体验优良的安卓应用。
请看我回答~
17 0

热门文章

最新文章

  • 1
    我的Android之路(持续更新总结~)
  • 2
    Android实现自定义进度条(源码+解析)
  • 3
    mPaaS常见问题之Android集成dexPatch热修复运行时候无法正常进行热更新如何解决
  • 4
    Android 面试题及答案整理，最新面试题
  • 5
    构建高效Android应用：探究Kotlin与Java的性能差异
  • 6
    构建高效Android应用：Kotlin协程的实践与优化
  • 7
    构建高效Android应用：探究Kotlin协程的优势
  • 8
    安卓适配性策略：确保应用在不同设备上的兼容性
  • 9
    安卓安全性指南：保护用户数据免受恶意攻击
  • 10
    mPaaS常见问题之pixel4 android 13 调用移动网关 报这个错如何解决
  • 1
    构建高效的Android应用：从内存优化到电池寿命
    10
  • 2
    构建高效Android应用：探究Kotlin与Java的性能差异
    13
  • 3
    构建高效的Android应用：从内存优化到电池寿命
    18
  • 4
    应用研发平台EMAS常见问题之安卓push的离线转通知目前无法收到如何解决
    25
  • 5
    构建高效Android应用：Kotlin协程的实践指南
    15
  • 6
    构建高效Android应用：Kotlin与协程的完美融合
    27
  • 7
    构建高效Android应用：探究Kotlin与Java的性能差异
    26
  • 8
    【Android平板编程】远程Ubuntu服务器code-server编程写代码
    45
  • 9
    构建高效Android应用：探究Kotlin与Java的性能差异
    27
  • 10
    android 使用GSON 序列化对象出现字段被优化问题解决方案
    16

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南

    • 相关电子书

    更多
  • 手机卫士性能优化方案－Android篇
  • 58同城Android客户端Walle框架演进与实践之路
  • Android内存泄漏自动化链路分析组件Probe
    • 下一篇
    阿里云oss简介和使用流程