追溯-----ExpandableListView,二级列表的基本使用

最新推荐文章于 2021-01-28 19:28:37 发布
最新推荐文章于 2021-01-28 19:28:37 发布
阅读量816 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Android 文章标签： android ExpandableListView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Burn_yourself/article/details/52317716
本文介绍如何使用Android中的ExpandableListView实现多层次的数据展示，并提供了一级和二级列表项的点击事件处理示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在一般的开发中，ListView是用的比较频繁的了，然而有些时候，我们不得不涉及到数据的二层展示，类似下面：


那么对于类似这种效果的，我们用 ExpandableListView，二级列表就能很好的展示出来了。OK，下面就以上面的效果为例，讲一讲 ExpandableListView的基本使用


1.首先看 MainActivity 的 xml 文件

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/FrameLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ExpandableListView
        android:id="@+id/expandableListView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ExpandableListView>
    
</FrameLayout>

很简单，就是在布局中放一个  ExpandableListView 控件


好的，在来看看  MainActivity 的 实现；

一开始当然是声明 和 初始化了：

public class MainActivity extends Activity{
	
	private ExpandableListView mExpandableListView;
	private List<School>mSchools;
	private ExAdapter mExAdapter;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		Log.i("","=====create====");

		initView();
		initData();
		setListener();
	}

	private void initView() {
		mExpandableListView=(ExpandableListView) findViewById(R.id.expandableListView1);
	    
	}

好的，接下来再讲 initData 方法之前，要先抛出一个数据对象，在后面的数据展示将用到 

public class School implements Serializable{
   
	private String title;
	private List<String>detailList;
	
	public String getTitle() {
		return title;
	}
	public void setTitle(String title) {
		this.title = title;
	}
	public List<String> getDetailList() {
		return detailList;
	}
	public void setDetailList(List<String> detailList) {
		this.detailList = detailList;
	}
}

这个类很简单，不做多解释，OK，接下来讲 initData的实现： 

	private void initData() {
		mSchools=new ArrayList<School>();
		School schoolOne=new School();
		schoolOne.setTitle("大学");
		List<String>bigList=new ArrayList<String>();
		bigList.add("北京大学");
		bigList.add("武汉大学");
		bigList.add("复旦大学");
		schoolOne.setDetailList(bigList);
		mSchools.add(schoolOne);
		
		School schoolTwo=new School();
		schoolTwo.setTitle("中学");
		List<String>middleList=new ArrayList<String>();
		middleList.add("华师附中");
		middleList.add("北京二中");
		schoolTwo.setDetailList(middleList);
		mSchools.add(schoolTwo);
		
		mExAdapter=new ExAdapter(mSchools, this);
		mExpandableListView.setAdapter(mExAdapter);
		//去掉系统箭头
//		mExpandableListView.setGroupIndicator(null);
	}
这个方法也不复杂，前面一半是数据填充，adapter的使用和ListView的使用方法基本一致，那么接下来的关键是 ExAdapter 的实现了，先丢出 ExAdapter 代码 

package com.example.test;

import java.util.List;

import com.example.androidtexta.MainActivity;
import com.example.androidtexta.R;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;
import android.widget.Toast;

public class ExAdapter extends BaseExpandableListAdapter{
    
	private List<School>mDatas;
	private Context mContext;
	
	public ExAdapter(List<School>datas,Context context){
		this.mDatas=datas;
		this.mContext=context;
	}
	
	@Override
	public int getGroupCount() {
		// TODO Auto-generated method stub
		return mDatas==null?0:mDatas.size();
	}

	@Override
	public int getChildrenCount(int groupPosition) {
		if(mDatas==null||mDatas.isEmpty()){
			return 0;
		}
		return mDatas.get(groupPosition).getDetailList()==null?0:mDatas.get(groupPosition).getDetailList().size();
	}

	@Override
	public Object getGroup(int groupPosition) {
		// TODO Auto-generated method stub
		return mDatas==null?null:mDatas.get(groupPosition);
	}

	@Override
	public Object getChild(int groupPosition, int childPosition) {
		if(mDatas==null||mDatas.isEmpty()){
			return null;
		}
		return mDatas.get(groupPosition).getDetailList()==null?null:mDatas.get(groupPosition).getDetailList().get(childPosition);
	}

	@Override
	public long getGroupId(int groupPosition) {
		// TODO Auto-generated method stub
		return mDatas==null?0:groupPosition;
	}

	@Override
	public long getChildId(int groupPosition, int childPosition) {
		if(mDatas==null||mDatas.isEmpty()){
			return 0;
		}
		return mDatas.get(groupPosition).getDetailList()==null?0:childPosition;
	}

	@Override
	public boolean hasStableIds() {
		// TODO Auto-generated method stub
		return true;
	}
	
	/**ExpandableListView 如果子条目需要响应click事件,必需返回true*/
	@Override
	public boolean isChildSelectable(int groupPosition, int childPosition) {
		// TODO Auto-generated method stub
		return true;
	}

	@Override
	public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
		GroupHolder groupHolder;
		if(convertView==null){
			groupHolder=new GroupHolder();
			convertView=LayoutInflater.from(mContext).inflate(R.layout.adapter_group, null);
			convertView.setTag(groupHolder);
		}else{
			groupHolder=(GroupHolder) convertView.getTag();
		}
		
		groupHolder.title=(TextView) convertView.findViewById(R.id.tv_title);
		School school=mDatas.get(groupPosition);
		groupHolder.title.setText(school.getTitle());
		
		return convertView;
	}

	@Override
	public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
		ChildHolder childHolder;
		if(convertView==null){
			childHolder=new ChildHolder();
			convertView=LayoutInflater.from(mContext).inflate(R.layout.adapter_child, null);
			convertView.setTag(childHolder);
		}else{
			childHolder=(ChildHolder) convertView.getTag();
		}
		
		childHolder.detail=(TextView) convertView.findViewById(R.id.tv_detail);
		String middleMsg=mDatas.get(groupPosition).getDetailList().get(childPosition);
		childHolder.detail.setText(middleMsg);
		
		return convertView;
	}
	
	class GroupHolder{
		TextView title;
	}
	
	class ChildHolder{
		TextView detail;
	}

}

代码很长，需要注意的是 ExpandableListView 对应个 adapter 不再是 BaseAdapter 了，而是 BaseExpandableListAdapter 。虽然 adapter 变了，可是大部分方法还是差不多的，这里检些比较陌生的来讲讲

首先是  hasStableIds() ，对于此方法不是很熟，经查阅，得出的结果如下：

这样说把. 通知ListView, 你id是唯一的. 不会重复,
默认这个方法是返回false的, 需要返回true.  这样, 才能使用ListView的CHOICE_MODE_MULTIPLE, CHOICE_MODE_SINGLE, 通过getCheckedItemIds方法才能正常获取用户选中的选项的id, LZ可以试试看
这个的意思就是你的每个item中元素的id是否稳定，如果你用position当id ，那就是不稳定的，如果有自己特定的id那就是稳定的 就是干这个用的


以上是别人的解说，大意是为了保持id的稳定性，一般设为true


再看看 isChildSelectable(int groupPosition, int childPosition) 方法，他的作用是为了让 ExpandableListView 的 二级菜单响应 点击事件，返回 true 时，ExpandableListView的二级列表的点击事件会响应，返回false时，点击 ExpandableListView 的二级列表是没反应的，所以一般返回 true


ok，再来看看 ExpandableListView  的点击事件，回到 MainActivity 中 看 setListener 方法：

	private void setListener() {
		//一级点击事件
		mExpandableListView.setOnGroupClickListener(new OnGroupClickListener() {
			@Override
			public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
				boolean flag=mExpandableListView.isGroupExpanded(groupPosition);
				
				Toast.makeText(MainActivity.this, mSchools.get(groupPosition).getTitle(), 0).show();
				if(flag){
					Log.i("","一级列表收起");
				}else{
					Log.i("","一级列表展开");
				}
				return false;
			}
		});
		//二级点击事件(mExAdapter中的isChildSelectable()方法需要返回true)
		mExpandableListView.setOnChildClickListener(new OnChildClickListener() {
			@Override
			public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
				String detail=mSchools.get(groupPosition).getDetailList().get(childPosition);
				Toast.makeText(MainActivity.this, detail, 0).show();
				return false;
			}
		});
		
	}
好吧，再看瞧瞧两个点击事件都做了些什么：

注意看一级点击事件中的 flag，它是一级列表是否已经展开的判断标准，当我们自定义 下拉箭头时会用到，当然，自定义的时候，需要设置 mExpandableListView.setGroupIndicator(null);，禁用系统箭头

二级点击事件主要需要注意的就是 adapter中的 isChildSelectable 要返回true 了，


最后，附上 MainActivity  界面的代码：

package com.example.androidtexta;

import java.util.ArrayList;
import java.util.List;

import com.example.test.ExAdapter;
import com.example.test.School;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
import android.widget.ExpandableListView.OnGroupClickListener;
import android.widget.Toast;

public class MainActivity extends Activity{
	
	private ExpandableListView mExpandableListView;
	private List<School>mSchools;
	private ExAdapter mExAdapter;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		Log.i("","=====create====");

		initView();
		initData();
		setListener();
	}

	private void initView() {
		mExpandableListView=(ExpandableListView) findViewById(R.id.expandableListView1);
	    
	}

	private void initData() {
		mSchools=new ArrayList<School>();
		School schoolOne=new School();
		schoolOne.setTitle("大学");
		List<String>bigList=new ArrayList<String>();
		bigList.add("北京大学");
		bigList.add("武汉大学");
		bigList.add("复旦大学");
		schoolOne.setDetailList(bigList);
		mSchools.add(schoolOne);
		
		School schoolTwo=new School();
		schoolTwo.setTitle("中学");
		List<String>middleList=new ArrayList<String>();
		middleList.add("华师附中");
		middleList.add("北京二中");
		schoolTwo.setDetailList(middleList);
		mSchools.add(schoolTwo);
		
		mExAdapter=new ExAdapter(mSchools, this);
		mExpandableListView.setAdapter(mExAdapter);
		//去掉系统箭头
//		mExpandableListView.setGroupIndicator(null);
	}

	private void setListener() {
		//一级点击事件
		mExpandableListView.setOnGroupClickListener(new OnGroupClickListener() {
			@Override
			public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
				boolean flag=mExpandableListView.isGroupExpanded(groupPosition);
				
				Toast.makeText(MainActivity.this, mSchools.get(groupPosition).getTitle(), 0).show();
				if(flag){
					Log.i("","一级列表收起");
				}else{
					Log.i("","一级列表展开");
				}
				return false;
			}
		});
		//二级点击事件(mExAdapter中的isChildSelectable()方法需要返回true)
		mExpandableListView.setOnChildClickListener(new OnChildClickListener() {
			@Override
			public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
				String detail=mSchools.get(groupPosition).getDetailList().get(childPosition);
				Toast.makeText(MainActivity.this, detail, 0).show();
				return false;
			}
		});
		
	}

	@Override
	protected void onDestroy(){
		super.onDestroy();
	}

}

OK,结束！




二级列表ExpandableListView的运用
weixin_45500338的博客
12-06 211
二级列表的运用，写代码是偶然用到了二级列表，在这里记录一下自己的心得，便于以后复习，对于二级列表，其实感觉跟其他的ListView，GridView等放数据的控件没有太大的区别，具体的步骤都是： 设置数据源->创建适配器->创建子布局用来展示数据->绑定适配器 最后显示数据， 自己感觉学会一类对于其他的都好理解，可能就是触类旁通吧！ 对于二级列表，他有专门的适配器，在这里就不能...
Android中的二级列表-ExpandableListView
最新发布
m0_56366502的博客
08-15 1551
Android中的二级下拉列表，类似于某Q的分组，采用ExpandableListView实现，适配器方法如下。先看效果图：有四个分组，每个分组下都有一些子条目，可以跟着父条目展开而显示。
Android：ExpandableListView实现下拉二级列表
谢桥的博客
01-28 417
来源：菜鸟教程，下面是直接下载的地址 ExpandableListViewDemo.zip 下面是实现案例 还没弄明白，但是抄源码确实实现了 下面是菜鸟教程的地址，自己留着备用记录一下，xdm，冲~~ https://www.runoob.com/w3cnote/android-tutorial-expandablelistview.html 1.布局三文件 1.1，item_exlist_item.xml <?xml version="1.0" encoding="utf-8"?> <
ExpandableListView的简单使用
qq_28086797的博客
11-19 245
1.ExpandableListView 布局  和普通的控件一样使用                             android:id="@+id/expandlist"                 android:layout_width="match_parent"                 android:layout_height="match_pare
Android Recyclerview简单两步实现二级列表展开，收起带动画效果
qq_39178733的博客
05-17 1万+
Android Recyclerview 超简单实现item展开，收起的动画效果 很久之前想写点论坛，复习下学过的东西，不算高深，帮到有需要的人最好，欢迎指教 效果展示 准备 这里需要的adapter是BaseRecyclerviewAdappter这个第三方库，这个框架大家应该已经熟悉了，封装了很多功能，使用方便，这里只所以下item的展开收拢的代码实现部分，具体配置这里不多介绍了，需要了解去...
ExpandableListView实现简单二级列表
08-26
下面我们将详细介绍如何使用ExpandableListView实现简单的二级列表。 首先，我们需要创建一个ExpandableListView实例，并将其添加到我们的Activity中。我们可以在XML布局文件中定义ExpandableListView，如下所示： ...
ExpandableListView实现二级列表购物车
08-26
同时，我们还可以使用ExpandableListView来实现其他类型的二级列表，例如新闻列表、音乐列表等。 ExpandableListView是Android中的一种功能强大且灵活的视图组件，通过使用ExpandableListView，可以方便地实现各种...
Android-使用ExpandableListView实现的购物车
08-12
在Android应用开发中，`ExpandableListView`是一个非常实用的组件，它允许用户展示一个可展开和折叠的列表，常用于构建层次结构清晰的数据展示，例如在本例中被用作购物车的实现。购物车通常包含多个商品，每个商品...
Node.js-ExpandableListView简单实现商品列表折叠
08-12
在本案例中，我们将探讨如何在Node.js环境中使用Android SDK来实现一个简单的`ExpandableListView`，展示商品列表的折叠功能。 首先，我们需要创建一个Android项目，并在布局文件（如`activity_main.xml`）中添加`...
使用RecyclerView实现列表展开动画
xiaowang900716的博客
07-24 1万+
Android开发：使用RecyclerView实现列表展开动画效果(翻译+转载)
TwolistviewScrollView
10-13
两个ListView通过ScrollView 实现同时滚动
Android -- RecyclerView（超简单）实现可展开列表
热门推荐
猿小侯的博客
04-22 4万+
可展开列表，听到这几个字的时候也许你就会问了，为啥要用 RecyclerView，用Android提供的 ExpandableListView不是更好吗？是的，ExpandableListView是很轻松就可以实现，但是，我要告诉你，我就是喜欢用RecyclerView ……
ExpandableListView吐槽系列(一) -> 设置自定义groupIndicator
weixin_30667301的博客
06-03 233
Android中提供了可展开的列表控件，很不幸，和很多其他原生控件一样，这个控件有些地方设计的 ridiculous ！其中的一个很重要的地方就是本文中要说的这个groupIndicator了。话说这玩意是干嘛用的？就是用来展示一个group的展开状态用的↓ 好吧，这东西蛋疼的地方有如下几点： 位置只能放在固定的位置上（神马？你说可以通过android:indicatorLeft来...
android ExpandableListView 为Group与Child添加菜单
weixin_30315905的博客
07-21 189
为ExpandableListVIew的Group与Child添加不同菜单有两种方式： 1、通过ShowDialog 这种方式是通过适配器为VIew添加Tag然后在ExpandableListView的OnItemLongClickListener获取View的Tag来判断是Group或Child，然后弹出不同的菜单对话框。 代码如下： @Override public...
ExpandableListView轻松实现全选,分组和子条目选中问题
王志强_android_专栏
08-17 3555
概述 最近项目要用到ExpandableListView实现全选功能，要求如下： 如果group点选，则child全选，如果child有一个不选，则group不选 如果group不选，则child全不选，若一个group内的child全部点选，则group自动点选 效果如下：  代码实现 activity_main.xml &lt;?xml version="1.0" encodin...
ExpandableListView的使用，Group和Child的类文件写法
lw1389074的博客
06-14 319
在网上找了很多ExpandableListView的用法和写法，不过看了大多对Group和Child的用法都是在Adapter里面写两个List集合代表Group和Child的数据，对此便是不理解，写安卓都会用到类文件，你写个List集合对于才开始用的人怎么会用，这些数据都是要存到数据库的，是要用到类来封装的，在此我贴上我自己的做法，也是集合网上的无奈，不说贴代码。     Group类
ExpandableListView 展开childView后，childView及GroupView布局错乱的问题
sinat_35357863的博客
11-21 2229
算是踩过的一个坑吧。期望实现的效果是这样的： 实际的效果确实这样的： 可以看到，上图中标红的部分有明显的空白。因为ExpandableListView每个item有间隔，所以设置“android:dividerHeight”属性。<ExpandableListView android:layout_marginTop="15dp" android:layout
ExpandableListView的使用详解
Jamy博客
04-12 2万+
在Android开发中，我们知道经常会用到ListView来加载一些列表数据，但有时候ListView并不能完全十分满足我们的需求。比如如下图的效果用ExpandableListView实现起来就更方便点，我们直接用ExpandableListView，设置Group不能点击即可。好，费话不多说。下面详细介绍ExpandableListView的使用。           图（一）
ExpandableListView 使用及设置监听函数
sinat_29962405的博客
04-27 4794
直接贴代码（原谅中二的我）public class MyExpandableListView extends Activity{ private ExpandableListView listView; private TextView childView,groupView; private ImageView imageView; private LinearL
全面解析ExpandableListView二级列表功能与应用
2. **Child（子项）**: 位于Group下面的详细信息项，可以是多个，它们是与Group项相关联的二级数据。 ### 与ExpandableListView相关的标签和属性 对于Android开发者来说，以下是一些与ExpandableListView相关的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值