使用ExpandableListView实现三级列表

最新推荐文章于 2023-08-25 17:18:29 发布
最新推荐文章于 2023-08-25 17:18:29 发布
阅读量607 收藏 1
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Super_666/article/details/106826552
版权

 1.布局

<ExpandableListView
            android:id="@+id/elv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:scrollbars="none"
            android:groupIndicator="@null"/>

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="15dp"
        android:paddingBottom="15dp">

    <TextView
            android:id="@+id/adapter_parent_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ellipsize="end"
            android:gravity="center_vertical"
            android:layout_centerVertical="true"
            android:maxLines="1"
            android:textColor="@color/color_333"
            android:textSize="16sp"/>
    <ImageView
            android:id="@+id/adapter_parent_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:background="@drawable/open_right"
            android:layout_alignParentRight="true"/>
</RelativeLayout>

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
       >

    <ImageView
            android:id="@+id/adapter_child_cb"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="5dp"
            android:layout_centerVertical="true"
            android:button="@null"/>

    <TextView
            android:id="@+id/adapter_child_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ellipsize="end"
            android:maxLines="1"
            android:text=""
            android:layout_toRightOf="@+id/adapter_child_cb"
            android:textColor="@color/color_333"
            android:textSize="14sp"
            android:layout_centerVertical="true"/>

    <ImageView
            android:id="@+id/adapter_child_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:background="@drawable/open_right"
            android:layout_centerVertical="true"/>
</RelativeLayout>

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

        >

    <TextView
            android:id="@+id/adapter_child_next_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="36dp"
            android:layout_marginRight="7.5dp"
            android:lineSpacingExtra="5.5dp"
            android:paddingBottom="10dp"
            android:textColor="@color/color_666"
            android:textSize="14sp" />
</RelativeLayout>

2.adapter设置：第一级的child数设置为1，child里使用ExpandableLIstView实现二级列表。即ExpandableLIstView嵌套ExpandableLIstView，只不过嵌套的那一个ExpandableLIstView要重写，解决嵌套之下显示不全的问题

public class ParentAdapter extends BaseExpandableListAdapter {
    private Context mContext;
    private LayoutInflater mInflater;
    private List<SelectSubjectModel> mData;
    private List<String> dataStr;
    private List<String> selStr = new ArrayList<>();

    public ParentAdapter(Context context, List<SelectSubjectModel> data, List<String> dataStr) {
        this.mContext = context;
        this.mInflater = LayoutInflater.from(context);
        this.mData = data;
        this.dataStr = dataStr;
        this.selStr.addAll(dataStr);
    }

    @Override
    public int getGroupCount() {
        return mData.size();
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        return 1;
    }

    @Override
    public Object getGroup(int groupPosition) {
        return mData.get(groupPosition);
    }

    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return mData.get(groupPosition).children.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) {
        ParentHolder holder = null;
        if (convertView == null) {
            holder = new ParentHolder();
            convertView = mInflater.inflate(R.layout.adapter_parent, null);
            holder.tv = convertView.findViewById(R.id.adapter_parent_title);
            holder.img = convertView.findViewById(R.id.adapter_parent_img);
            convertView.setTag(holder);
        } else {
            holder = (ParentHolder) convertView.getTag();
        }
        holder.tv.setText(mData.get(groupPosition).name);
        if (isExpanded) {
            holder.img.setBackgroundResource(R.drawable.open_down);
        } else {
            holder.img.setBackgroundResource(R.drawable.open_right);
        }

        return convertView;
    }

    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView,
                             final ViewGroup parent) {
        CustomExpandableListView view = (CustomExpandableListView) convertView;
        if (convertView == null) {
            view = new CustomExpandableListView(mContext);
            view.setDivider(null);
            view.setGroupIndicator(null);
        }

        SelectSubjectChildAdapter adapter = new SelectSubjectChildAdapter(mContext, mData.get(groupPosition).children);

        view.setAdapter(adapter);
        return view;
    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return true;
    }


    private OnCheckListener listener;

    public void setOnCheckListener(OnCheckListener listener) {
        this.listener = listener;
    }

    public interface OnCheckListener {
        public void onCheck(String id, boolean checked);
    }

    class ParentHolder {
        TextView tv;
        ImageView img;
    }

    class SelectSubjectChildAdapter extends BaseExpandableListAdapter {
        private Context mContext;
        private LayoutInflater mInflater;
        private List<SelectSubjectModel> mData;


        public SelectSubjectChildAdapter(Context context, List<SelectSubjectModel> data) {
            this.mContext = context;
            this.mInflater = LayoutInflater.from(context);
            this.mData = data;

        }

        @Override
        public int getGroupCount() {
            return mData.size();
        }

        @Override
        public int getChildrenCount(int groupPosition) {
            return 1;
        }

        @Override
        public Object getGroup(int groupPosition) {
            return mData.get(groupPosition);
        }

        @Override
        public Object getChild(int groupPosition, int childPosition) {
            return mData.get(groupPosition).children.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(final int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
            final SelectSubjectModel model = mData.get(groupPosition);
            ChildHolder holder = null;
            if (convertView == null) {
                convertView = mInflater.inflate(R.layout.adapter_select_subject_child, null);
                holder = new ChildHolder();
                holder.childCb = convertView.findViewById(R.id.adapter_child_cb);
                holder.childTv = convertView.findViewById(R.id.adapter_child_title);
                holder.childImg = convertView.findViewById(R.id.adapter_child_img);
                convertView.setTag(holder);
            } else {
                holder = (ChildHolder) convertView.getTag();
            }
            holder.childTv.setText(model.name);
            if (isExpanded) {
                holder.childImg.setBackgroundResource(R.drawable.open_down);
            } else {
                holder.childImg.setBackgroundResource(R.drawable.open_right);
            }
            if (model.checked) {
                holder.childCb.setBackgroundResource(R.drawable.folder_is_selected);
            } else {
                holder.childCb.setBackgroundResource(R.drawable.folder_not_selected);
            }
            final ChildHolder childHolder = holder;
            holder.childCb.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (model.checked) {
                        model.checked = false;
                        childHolder.childCb.setBackgroundResource(R.drawable.folder_not_selected);
                        if (listener != null) {
                            listener.onCheck(model.code, model.checked);
                        }
                        selStr.remove(model.code);
                    } else {
                        if (selStr.size() == dataStr.size()) {
                            ToastMaster.showToast(mContext, "最多选择" + dataStr.size() + "个");
                        } else {
                            model.checked = true;
                            childHolder.childCb.setBackgroundResource(R.drawable.folder_is_selected);
                            if (listener != null) {
                                listener.onCheck(model.code, model.checked);
                            }
                            selStr.add(model.code);
                        }
                    }

                }
            });

            return convertView;
        }


        @Override
        public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView,
                                 ViewGroup parent) {
            List<SelectSubjectModel> childModel = mData.get(groupPosition).children;
            ChildNextHolder nextHolder = null;
            if (convertView == null) {
                convertView = mInflater.inflate(R.layout.adapter_select_subject_childnext, null);
                nextHolder = new ChildNextHolder();
                nextHolder.childNextTv = convertView.findViewById(R.id.adapter_child_next_title);
                convertView.setTag(nextHolder);
            } else {
                nextHolder = (ChildNextHolder) convertView.getTag();
            }
            StringBuffer sb = new StringBuffer();
            for (int i = 0; i < childModel.size(); i++) {
                sb.append(childModel.get(i).name + "   ");
            }
            nextHolder.childNextTv.setText(sb.toString());
            return convertView;
        }

        @Override
        public boolean isChildSelectable(int groupPosition, int childPosition) {
            return true;
        }


        class ChildHolder {
            ImageView childCb;
            TextView childTv;
            ImageView childImg;
        }

        class ChildNextHolder {
            TextView childNextTv;
        }


    }
}

 3.重写的ExpandableListView

/**
 * 解决嵌套之下显示不全的问题
 */
public class CustomExpandableListView extends ExpandableListView {
    public CustomExpandableListView(Context context) {
        super(context);
    }

    public CustomExpandableListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomExpandableListView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 解决显示不全的问题
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2
                , MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }
}

4.效果图

Super_666
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
三级伸缩列表expandableListView
08-09
三级伸缩列表，可直接移植到项目中，经测试完美运行
ExpandableListView使用解析（三级列表的实现）
热门推荐
茅屋
06-16 1万+
ExpandableListView 使用解析（三级列表的实现）在往常的设计中，往往有类似于QQ的二级列表的样式，而使用ExpandableListView变可以实现这种类似的效果。当然，如果ExpandableListView嵌套ExpandableListView便可以实现三级列表，甚至多级条目，而本博客最终的实现效果便是三级条目。首先看一下效果：当然样式比较丑，这里只实现基本的逻辑。具体的样式
Android 使用ExpandableListView实现三级列表
小北的博客
07-11 639
本文将介绍如何使用ExpandableListView 来实现一个三级列表。通过嵌套使用这两个组件，我们可以轻松地显示具有父级、子级和子子级的层次结构数据。
android ExpandableListView三级菜单的使用
07-19
android ExpandableListView三级菜单的使用，多级菜单下拉与隐藏，ExpandableListView的简单使用
android中用ExpandableListView实现三级扩展列表
weixin_33853827的博客
11-19 262
2019独角兽企业重金招聘Python工程师标准>>> ...
ExpandableListView三级列表实现(带选择联动效果)
bigname22的博客
09-11 4725
ExpandableListView三级列表实现原理(带CheckBox全选功能)好久没写文章，为什么？还不是忙了，我都担心自己最近会不会猝死在电脑前。或者走着走着躺地上担心没人救我，毕竟长得帅的人会给人一种距离感。说回正题，场景：多选车辆，并且在同一个页面实现。 （数据结构：公司-线路-车辆三层）那么第一时间想到的只能是 ExpandableListView 这个神奇的组件了，但常规就两层，那要
安卓开发，通用ExpandableListView三级选择列表。
最新发布
weixin_45920642的博客
08-25 296
ExpandableListView的三级选择列表。
Android ExpandableListView双层嵌套实现三级树形菜单
01-18
Android ExpandableListView双层嵌套实现三级树形菜单
Listview实现三级菜单列表
08-16
下面将详细讲解如何在Android中利用ListView实现三级菜单列表。 首先，理解基本概念。ListView的工作原理是通过Adapter将数据绑定到视图上，Adapter负责填充和管理ListView中的各个Item。在实现三级菜单时，我们...
超级吊的ExpandableListView三级目录
JustingWang_1的博客
07-07 804
MainActivity:public class MainActivityTest extends Activity { private ExpandableListView expandableListView; private List<String>grounpList=new ArrayList<>(); private ParentExpandAdapter pa
带二级和三级目录的列表ExpandableListView
07-25
带二级和三级目录的列表ExpandableListView
Android三级列表
08-07
Android 三级列表 城市选择.
使用expandableListView实现三级列表
chw12341的博客
02-22 611
        时间过得很快，转眼年也过完了，在匆匆的岁月长河里总是莫名的心慌，可能时间真的是最残忍的那个，无论你喜或悲、乐与乏，他都持续流逝着，不快不慢。废话不多说，在开工的前一天（昨天）陈闲暇之时写了一个通过expandableListView实现三级列表的demo，昨天写完demo就没时间了，今天写到博客里，算是新年开工第一篇了。首先看一下效果图：我们都知道，通过expandableList...
ExpandableListView多及列表(三级列表)
豆子的博客
06-14 3075
上一篇我们介绍了ExpandableListView多级列表的二级列表，见天我们分析下多级列表(三级)的情况。我们先看下效果图：
Android之用 ExpandableListView使用解析（三级列表的实现）
码莎拉蒂
05-11 2732
 Android之用 ExpandableListView使用解析（三级列表的实现） 下载地址如下：http://download.csdn.net/download/u011068702/9839848
Android使用开源框架完成城市列表三级联动(从服务端获取数据源和自定义json数据源)
wangxueqing52的博客
06-21 4313
Android-PickerView使用步骤：1.添加Jcenter仓库 Gradle依赖：compile 'com.contrarywind:Android-PickerView:4.1.4'2.在Activity中添加如下代码：package com.xueqing.reclerview.activity; import android.graphics.Color; import andr...
使用expandablelistview实现qq好友分组列表
03-16
使用ExpandableListView可以实现QQ好友分组列表。首先需要创建一个ExpandableListView控件，并为其设置适配器。适配器需要继承BaseExpandableListAdapter，并实现以下方法： 1. getGroupCount()：获取分组的数量。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值