android下ExpandableListView的详细使用demo

最新推荐文章于 2023-05-13 11:19:20 发布
最新推荐文章于 2023-05-13 11:19:20 发布
阅读量2.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： android学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/abc13939746593/article/details/8705241
本文介绍如何使用 Android 中的 ExpandableListView 控件实现多级联动菜单效果。通过自定义 SuperTreeViewAdapter 和 TreeViewAdapter，可以创建复杂的树形结构，并支持动态更新和点击事件。适用于需要展示多层次数据的应用场景。

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

一直认为ExpandableListView是比较好的一个东西，虽然不常用，但是上次网上查资料看到了这个demo，研究了一下，标记一下，以后使用的时候来看看。


效果图如下：



ExpandableListViewActivity

package com.yhx.expandablelistview;

import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ExpandableListView;
import android.widget.Toast;
import android.widget.ExpandableListView.OnChildClickListener;

//主activity
public class ExpandableListViewActivity extends Activity {

	ExpandableListView expandableListView;
	TreeViewAdapter adapter;
	SuperTreeViewAdapter superAdapter;
	Button double_btn, treble_btn;

	public String[] groups = { "friends", "family" };
	public String[][] childs = { { "A", "AA", "AAA" }, { "B", "BB", "BBB" } };

	public String[] parent = { "boys", "girls" };
	public String[][][] child_grandchild = { { { "Toms" }, { "A", "AA" } },
			{ { "Kelly" }, { "B", "BBB" } } };

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		double_btn = (Button) findViewById(R.id.button1);
		treble_btn = (Button) findViewById(R.id.button2);
		expandableListView = (ExpandableListView) findViewById(R.id.expandablelistview);
		double_btn.setOnClickListener(listener);
		treble_btn.setOnClickListener(listener);
		adapter = new TreeViewAdapter(this, 38);
		superAdapter = new SuperTreeViewAdapter(this, stvClickEvent);
	}

	public OnClickListener listener = new OnClickListener() {

		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			adapter.removeAll();
			adapter.notifyDataSetChanged();
			superAdapter.RemoveAll();
			superAdapter.notifyDataSetChanged();
			if (v == double_btn) {
				List<TreeViewAdapter.TreeNode> treeNode = adapter.getTreeNode();
				for (int i = 0; i < groups.length; i++) {
					TreeViewAdapter.TreeNode node = new TreeViewAdapter.TreeNode();
					node.parent = groups[i];
					for (int j = 0; j < childs[i].length; j++) {
						node.childs.add(childs[i][j]);
					}
					treeNode.add(node);
				}
				adapter.updateTreeNode(treeNode);
				expandableListView.setAdapter(adapter);
				expandableListView
						.setOnChildClickListener(new OnChildClickListener() {

							@Override
							public boolean onChildClick(
									ExpandableListView parent, View v,
									int groupPosition, int childPosition,
									long id) {
								String str = "parent_id = " + groupPosition
										+ " child_id = " + childPosition;
								Toast.makeText(ExpandableListViewActivity.this,
										str, Toast.LENGTH_SHORT).show();
								return false;
							}
						});
			} else if (v == treble_btn) {
				List<SuperTreeViewAdapter.SuperTreeNode> superNodeTree = superAdapter
						.GetTreeNode();
				for (int i = 0; i < parent.length; i++) {
					SuperTreeViewAdapter.SuperTreeNode superNode = new SuperTreeViewAdapter.SuperTreeNode();
					superNode.parent = parent[i];

					for (int j = 0; j < child_grandchild.length; j++) {
						TreeViewAdapter.TreeNode node = new TreeViewAdapter.TreeNode();
						node.parent = child_grandchild[j][0][0];
						for (int k = 0; k < child_grandchild[j][1].length; k++) {
							node.childs.add(child_grandchild[j][1][k]);
						}
						superNode.childs.add(node);
					}
					superNodeTree.add(superNode);
				}
				superAdapter.UpdateTreeNode(superNodeTree);
				expandableListView.setAdapter(superAdapter);
			}
		}

	};

	OnChildClickListener stvClickEvent = new OnChildClickListener() {

		@Override
		public boolean onChildClick(ExpandableListView parent, View v,
				int groupPosition, int childPosition, long id) {
			// TODO Auto-generated method stub
			String msg = "parent_id = " + groupPosition + " child_id = "
					+ childPosition;
			Toast.makeText(ExpandableListViewActivity.this, msg,
					Toast.LENGTH_SHORT).show();
			return false;
		}
	};
}

SuperTreeViewAdapter

package com.yhx.expandablelistview;

import java.util.ArrayList;
import java.util.List;
import android.content.Context;
import com.yhx.expandablelistview.TreeViewAdapter.TreeNode;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
import android.widget.ExpandableListView.OnGroupCollapseListener;
import android.widget.ExpandableListView.OnGroupExpandListener;
import android.widget.TextView;

//构建树形菜单
public class SuperTreeViewAdapter extends BaseExpandableListAdapter {

	static public class SuperTreeNode {
		Object parent;
		//二级树形菜单的结构体
		List<TreeViewAdapter.TreeNode> childs = new ArrayList<TreeViewAdapter.TreeNode>();
	}

	private List<SuperTreeNode> superTreeNodes = new ArrayList<SuperTreeNode>();
	private Context parentContext;
	private OnChildClickListener stvClickEvent;//外部回调函数
	
	public SuperTreeViewAdapter(Context view,OnChildClickListener stvClickEvent) {
		parentContext = view;
		this.stvClickEvent=stvClickEvent;
	}

	public List<SuperTreeNode> GetTreeNode() {
		return superTreeNodes;
	}

	public void UpdateTreeNode(List<SuperTreeNode> node) {
		superTreeNodes = node;
	}
	
	public void RemoveAll()
	{
		superTreeNodes.clear();
	}
	
	public Object getChild(int groupPosition, int childPosition) {
		return superTreeNodes.get(groupPosition).childs.get(childPosition);
	}

	public int getChildrenCount(int groupPosition) {
		return superTreeNodes.get(groupPosition).childs.size();
	}

	public ExpandableListView getExpandableListView() {
		AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
				ViewGroup.LayoutParams.FILL_PARENT, TreeViewAdapter.ItemHeight);
		ExpandableListView superTreeView = new ExpandableListView(parentContext);
		superTreeView.setLayoutParams(lp);
		return superTreeView;
	}

	/**
	 * 三层树结构中的第二层是一个ExpandableListView
	 */	
	public View getChildView(int groupPosition, int childPosition,
			boolean isLastChild, View convertView, ViewGroup parent) {
		// 是 
		final ExpandableListView treeView = getExpandableListView();
		final TreeViewAdapter treeViewAdapter = new TreeViewAdapter(this.parentContext,0);
		List<TreeNode> tmp = treeViewAdapter.getTreeNode();//临时变量取得TreeViewAdapter的TreeNode集合，可为空
		final TreeNode treeNode=(TreeNode) getChild(groupPosition, childPosition);
		tmp.add(treeNode);
		treeViewAdapter.updateTreeNode(tmp);
		treeView.setAdapter(treeViewAdapter);
		
		//关键点：取得选中的二级树形菜单的父子节点,结果返回给外部回调函数
		treeView.setOnChildClickListener(this.stvClickEvent);
		
		/**
		 * 关键点：第二级菜单展开时通过取得节点数来设置第三级菜单的大小
		 */
		treeView.setOnGroupExpandListener(new OnGroupExpandListener() {
			@Override
			public void onGroupExpand(int groupPosition) {
				
				AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
						ViewGroup.LayoutParams.FILL_PARENT,
						(treeNode.childs.size()+1)*TreeViewAdapter.ItemHeight + 10);
				treeView.setLayoutParams(lp);
			}
		});
		
		/**
		 * 第二级菜单回收时设置为标准Item大小
		 */
		treeView.setOnGroupCollapseListener(new OnGroupCollapseListener() {
			@Override
			public void onGroupCollapse(int groupPosition) {
				
				AbsListView.LayoutParams lp = new AbsListView.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
						TreeViewAdapter.ItemHeight);
				treeView.setLayoutParams(lp);
			}
		});
		treeView.setPadding(TreeViewAdapter.PaddingLeft*2, 0, 0, 0);
		return treeView;
	}

	/**
	 * 三级树结构中的首层是TextView,用于作为title
	 */
	public View getGroupView(int groupPosition, boolean isExpanded,
			View convertView, ViewGroup parent) {
		TextView textView = TreeViewAdapter.getTextView(this.parentContext);
		textView.setText(getGroup(groupPosition).toString());
		textView.setPadding(TreeViewAdapter.PaddingLeft*2, 0, 0, 0);
		return textView;
	}

	public long getChildId(int groupPosition, int childPosition) {
		return childPosition;
	}

	public Object getGroup(int groupPosition) {
		return superTreeNodes.get(groupPosition).parent;
	}

	public int getGroupCount() {
		return superTreeNodes.size();
	}

	public long getGroupId(int groupPosition) {
		return groupPosition;
	}

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

	public boolean hasStableIds() {
		return true;
	}
}

TreeViewAdapter
 


package com.yhx.expandablelistview;

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

import android.content.Context;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;

public class TreeViewAdapter extends BaseExpandableListAdapter {

	public static final int ItemHeight = 48;
	public static final int PaddingLeft = 38;
	private int myPaddingLeft = 0;

	static public class TreeNode {
		Object parent;
		List<Object> childs = new ArrayList<Object>();
	}

	List<TreeNode> treeNodes = new ArrayList<TreeNode>();
	Context parentContext;

	public TreeViewAdapter(Context context, int myPaddingLeft) {
		parentContext = context;
		this.myPaddingLeft = myPaddingLeft;

	}

	public List<TreeNode> getTreeNode() {
		return treeNodes;
	}

	public void updateTreeNode(List<TreeNode> nodes) {
		treeNodes = nodes;
	}

	public void removeAll() {
		treeNodes.clear();
	}

	@Override
	public Object getChild(int groupPosition, int childPosition) {
		// TODO Auto-generated method stub
		return treeNodes.get(groupPosition).childs.get(childPosition);
	}

	@Override
	public long getChildId(int groupPosition, int childPosition) {
		// TODO Auto-generated method stub
		return childPosition;
	}

	static public TextView getTextView(Context context) {
		AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
				ViewGroup.LayoutParams.FILL_PARENT, ItemHeight);
		TextView textView = new TextView(context);
		textView.setLayoutParams(lp);
		textView.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);
		return textView;
	}

	@Override
	public View getChildView(int groupPosition, int childPosition,
			boolean isLastChild, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		TextView textView = getTextView(this.parentContext);
		textView.setText(getChild(groupPosition, childPosition).toString());
		textView.setPadding(myPaddingLeft + PaddingLeft, 0, 0, 0);
		return textView;
	}

	@Override
	public int getChildrenCount(int groupPosition) {
		// TODO Auto-generated method stub
		return treeNodes.get(groupPosition).childs.size();
	}

	@Override
	public Object getGroup(int groupPosition) {
		// TODO Auto-generated method stub
		return treeNodes.get(groupPosition).parent;
	}

	@Override
	public int getGroupCount() {
		// TODO Auto-generated method stub
		return treeNodes.size();
	}

	@Override
	public long getGroupId(int groupPosition) {
		// TODO Auto-generated method stub
		return groupPosition;
	}

	@Override
	public View getGroupView(int groupPosition, boolean isExpanded,
			View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		TextView textView = getTextView(this.parentContext);
		textView.setText(getGroup(groupPosition).toString());
		textView.setPadding(myPaddingLeft + (PaddingLeft >> 1), 0, 0, 0);
		return textView;
	}

	@Override
	public boolean hasStableIds() {
		// TODO Auto-generated method stub
		return true;
	}

	@Override
	public boolean isChildSelectable(int groupPosition, int childPosition) {
		// TODO Auto-generated method stub
		return true;
	}

}

SuperTreeNode
 

package com.yhx.expandablelistview;

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

public class SuperTreeNode {
	public Object parent;
	public List<TreeViewAdapter.TreeNode> childs = new ArrayList<TreeViewAdapter.TreeNode>();
}



TreeNode


package com.yhx.expandablelistview;

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

public class TreeNode {

	public Object parent;
	public List<Object> childs = new ArrayList<Object>();
}

完整的项目下载地址:点击这里


expandableListViewDemo
10-23
基于ExpandableListView、SQLite、网络下载，Json解析
ExpandableListViewDemo
09-24
ExpandableListView：可展开的listview.实现很简单，您可以进行拓展，实现自己想要的效果.
Android ExpandableListView的使用
www.v5qq.com的技术博客
08-15 119
ExpandableListView继承于ListView，但是它不同于ListView，它可以有多个Group,每一个Group里都可以有多个Child。 比如可以实现QQ好友栏里类似的功能。 import android.content.Context; import android.view.View; import android.view.ViewGroup; import...
ExpandableListView使用方法详解
热门推荐
会飞的鱼儿的博客
03-01 2万+
一、前言 “好记性不如烂笔头”，再次验证了这句话是真的很有道理啊，一个月前看了一下ExpandableListView的使用，今天再看居然忘了这个是干啥的了，今天就详细讲解一下ExpandableListView的使用方法，感觉对于二级条目显示功能都可以实现。 二、实现的功能 1、可实现二级列表条目显示功能，具体包括可自定义，父布局和子布局。可实现父布局全部展开和只展开一个功能。 ...
android ExpandableListView demo
12-08
在"android ExpandableListView demo"项目中，我们将深入探讨如何在Android应用程序中使用`ExpandableListView`。 首先，`ExpandableListView`的核心特性是它的分组和子项概念。每个分组（Group）可以包含多个子项...
Android 仿QQ好友分组，ExpandableListView的使用详解demo
06-01
在提供的资源中，`Demo.apk`是已经编译好的应用程序，可以直接在Android设备上运行查看效果。`README.txt`可能包含了项目简介和使用说明。`ExpandableListDemo`可能是源代码，包含实现上述步骤的Java文件和XML布局...
Android ExpandableListView实例Demo
07-04
前几篇文章介绍了Listview，但在实际开发中也经常会用到多层的Listview来展示数据，比如qq中的好友展示，所以这张来了解一下ExpandableListview，基本思想与Listview大致是相同的，所以用起来会比较方便。
expandableListview侧滑删除demo
03-26
在Android开发中，ExpandableListView是一种常用的控件，它允许用户展开和折叠多个层次的数据，非常适合展示具有层级结构的信息。而“侧滑删除”功能则是近年来流行的一种交互设计，让用户可以方便地通过滑动列表项...
ExpandablelistviewDemo
02-06
ExpandablelistviewDemo
ExpandableListView的使用
09-14
多级列表ExpandableListView的使用
ExpandableListViewDemo - 从网络获取数据实现分组
07-20
ExpandableListViewDemo(从网络获取数据实现分组） 用安卓自带的控件ExpandableListView实现和自定义ExpandableListView两种方法实现分组。
ExpandableListView综合实例
05-14
ExpandableListView实例(一)_数据库增删改查处理和listitem点击长按处理 本例说明: 1.实例中表现层与数据处理层分开,代码可复用性强,如果能看懂代码对算法会有提高. 2.组和子条目上"点击"事件处理,能够区分操作的是组还是子条目,并且得到组和子条目的内容. 3.组和子条目上"长按"事件处理,能够区分组和子条目,并且得到组和子条目的内容. 4.自定义条目样式,灵活与数据库中字段绑定. 5.实现对DB的增删改查,并且操作后自动刷新. 6.使用数据库处理框架AHibernate灵活操作sqlite数据库,详见: http://blog.csdn.net/lk_blog/article/details/7455992 ExpandableListView实例(二)_两种方式实现QQ中组后面显示子条目数量效果 本例说明: QQ,飞信等聊天工具中组后面后会显示有多少个子条目,这个是如何实现的呢?查阅了网上还没有相关的介绍,现在本文介绍两种方式实现此功能. 第一种方式:自定义Adapter,重写getGroupView方法. 第二种方式:自定义group.xml中的控件,加一个textview用于显示子条目个数. 注:本文数据库处理使用框架AHibernate,可以灵活操作sqlite数据库, 详见: http://blog.csdn.net/lk_blog/article/details/7455992 ExpandableListView实例(三)_实现QQ中"未分组"效果和"未分组"不可编辑删除功能 本例说明: 实现QQ中"未分组"效果和"未分组"不可编辑删除功能. 注:本文数据库处理使用框架AHibernate,可以灵活操作sqlite数据库, 详见: http://blog.csdn.net/lk_blog/article/details/7455992
安卓双层列表ExpandableListViewDemo使用
12-23
安卓双层列表ExpandableListViewDemo使用，类似于qq分组。
Android ExpandableListView Demo
随风而逝~~
12-08 834
喜欢显示好友QQ那样的列表，可以展开，可以收起，在android中，以往用的比较多的是listview，虽然可以实现列表的展示，但在某些情况下，我们还是希望用到可以分组并实现收缩的列表，那就要用到android的ExpandableListView，今天研究了一下这个的用法，也参考了很多资料动手写了一个小demo，实现了基本的功能，但界面优化方面做得还不够好，有待改进，下面直接上效果图以及源代码~
Android ExpandableListView使用小结
Happy_Develop_的专栏
03-14 535
ExpandableListView是什么？ 官方给出的解释是： A view that shows items in a vertically scrolling two-level list. This differs from the ListView by allowing two levels: groups which can individually be expanded to
Expandablelistview 简单使用
Helen_Chen的博客
02-06 662
Expandablelistview是可展开的listview,通过点击一层title获取对应title下面的content，着重点是ExpandableListViewaAdapter里面各个方法的使用。ExpandableListViewaAdapter中包括父、子 listview的count、id、view等，因此理解好ExpandableListViewaAdapter了，就可以很好
ExpandableListView控件的使用
A125679880的博客
05-13 1170
ExpandableListView是ListView的子类。它是ListView的基础上进行了扩展，把应用中的列表分成几组，每组里又可以包含多个列表项。
Android ExpandableListView控件使用教程与Demo分享
总结以上内容，ExpandableListView是Android开发中用于展示层级数据的重要控件，其使用涵盖了数据适配、视图管理以及交互处理等多方面的知识。掌握该控件的使用能够帮助开发者构建出结构清晰、功能丰富的用户界面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值