ExpandableListView的使用示例

最新推荐文章于 2019-03-01 14:04:14 发布
最新推荐文章于 2019-03-01 14:04:14 发布
阅读量850 收藏 2
点赞数
分类专栏： android知识基础 文章标签： BaseExpandableListAd ExpandableListView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lan_hz007/article/details/8781127
版权

       android开发中也经常会用到双层数据列表（树形数据列表），ExpandableListView是满足这一要求的一个组建之一，下面对ExpandableListView使用做一些简单总结：

       树形列表即第一层列表的数据 单元也是一个列表型的数据例如我们使用的QQ我们对我们的好友分类（分组），这时所有的分组形成了一个分组列表（如：好友，同学，同事，小蜜……，等等这就形成了一个一级列表），每个分组下又分别包含一些成员，分别包含的成员又各自形成了一个列表。这些列表统称为二级列表。如图


其二级列表有点类似与矩阵图只是他们列数是不固定的。好了废话少说了那么在android上如何使用ExpandableListView展示这样的一种类型的数据呢。下面通过一些示例来说明吧.

   1, 建立工程，编写main.xml 文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <ExpandableListView
       android:id="@+id/evl_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ExpandableListView>

</LinearLayout>


2  ExpandableListView还需要两个布局文件来布局一级列表的显示页面和二级列表的显示页面分别用group.xml和child.xml表示。

group.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="wrap_content"
    android:descendantFocusability="blocksDescendants"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv_group"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

child.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="wrap_content"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv_child"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>


3,MainActivity.java

package com.cn.testexpansablelist;

import java.util.ArrayList;
import java.util.LinkedHashMap;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ExpandableListView;

public class MainActivity extends Activity {
	private ExpandableListView elv_List;
	private ArrayList<String> groups;
	private ArrayList<ArrayList<String>> children;

	LinkedHashMap<String, ArrayList<String>> values;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		elv_List = (ExpandableListView) this.findViewById(R.id.evl_list);
		// elv_List.setAdapter(new TestAdapter(this));

		// 方式2
		//
		// groups=new ArrayList<String>();
		// groups.add("中国");
		// groups.add("美国");
		// groups.add("俄罗斯");
		//
		// children=new ArrayList<ArrayList<String>>();
		// ArrayList<String>china=new ArrayList<String>();
		// china.add("北京");
		// china.add("上海");
		// china.add("深圳");
		// china.add("海参崴");
		// children.add(china);
		//
		// ArrayList<String>america=new ArrayList<String>();
		// america.add("洛杉矶");
		// america.add("纽约");
		// america.add("芝加哥");
		// america.add("迈哈密");
		// children.add(america);
		//
		// ArrayList<String>erous=new ArrayList<String>();
		// erous.add("莫斯科");
		// erous.add("附加和");
		// children.add(erous);
		//
		// elv_List.setAdapter(new ListDataAdapter(MainActivity.this, groups,
		// children));

		// 方式3

//		values = new LinkedHashMap<String, ArrayList<String>>();
//		ArrayList<String> china = new ArrayList<String>();
//		china.add("北京");
//		china.add("上海");
//		china.add("深圳");
//		china.add("海参崴");
//		values.put("中国", china);
//
//		ArrayList<String> erous = new ArrayList<String>();
//		erous.add("莫斯科");// erous.add("圣彼得堡");// values.put("俄罗斯", erous); ArrayList<String> america = new ArrayList<String>();// america.add("洛杉矶");// america.add("纽约");// america.add("芝加哥");// america.add("迈哈密");// values.put("美国", america);//
// elv_List.setAdapter(new MapDataAdapter(this, values));}}

 

4,建立加载数据的Adapter，这里用BaseExpandableListAdapter的实现类来创建，通过adapterpublic Object getChild(int groupPosition, int childPosition) 带的两个参数以及二级列表类似与矩阵，我们可以猜测到二级列表是一个集合成员是集合的集合，表示这种数据的有数组 ：数组成员是数组的数组，list集合，成员是集合的集合；那么 adapter的一二级列表数据成员分别是group[],children[]{{}{}};或者grouplist<>,childrenList<List<>>

1)用数组方式实现

package com.cn.testexpansablelist;

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

public class TestAdapter extends BaseExpandableListAdapter {

	private GroupViewHolder gHolder;

	private LayoutInflater inflater;
	private ChildViewHolder cHolder;
	private Context context;
	private String[] groups = { "People Names", "Dog Names", "Cat Names",
			"Fish Names" };
	private String[][] children = { { "Arnold", "Barry", "Chuck", "David" },
			{ "Ace", "Bandit", "Cha-Cha", "Deuce" }, { "Fluffy", "Snuggles" },
			{ "Goldy", "Bubbles" } };

	public TestAdapter(Context context) {
		this.context = context;
		inflater= LayoutInflater.from(context);
	}

	public int getGroupCount() {
		// TODO Auto-generated method stub
		return groups.length;
	}

	public int getChildrenCount(int groupPosition) {
		// TODO Auto-generated method stub
		return children[groupPosition].length;
	}

	public Object getGroup(int groupPosition) {
		// TODO Auto-generated method stub
		return groups[groupPosition];
	}

	public Object getChild(int groupPosition, int childPosition) {
		// TODO Auto-generated method stub
		return children[groupPosition][childPosition];
	}

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

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

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

	public View getGroupView(int groupPosition, boolean isExpanded,
			View convertView, ViewGroup parent) {

		if (convertView == null) {
			convertView = inflater.inflate(R.layout.group,
					null);
			gHolder = new GroupViewHolder();

			gHolder.tv_group_name = (TextView) convertView
					.findViewById(R.id.tv_group);
			convertView.setTag(gHolder);
		} else {
			gHolder = (GroupViewHolder) convertView.getTag();
		}

		 gHolder.tv_group_name.setText(groups[groupPosition]);
		return convertView;

	}

	public View getChildView(int groupPosition, int childPosition,
			boolean isLastChild, View convertView, ViewGroup parent) {
		if(convertView==null){
			//convertView =inflater.inflate(R.layout.child, null);
			convertView=LayoutInflater.from(context).inflate(R.layout.child, null);
			cHolder = new ChildViewHolder();
			cHolder.tv_contact_name = (TextView) convertView
					.findViewById(R.id.tv_child);
			convertView.setTag(cHolder);
		}else{
			cHolder=(ChildViewHolder) convertView.getTag();
		}
		
		cHolder.tv_contact_name.setText(children[groupPosition][childPosition]);
		return convertView;
	}

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

	public class GroupViewHolder {
		public TextView tv_group_name;
	}

	public class ChildViewHolder {

		public TextView tv_contact_name;

	}

}

 

2）用list方式实现的Adapterpackage com.cn.testexpansablelist;

 

import java.util.ArrayList;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;

public class ListDataAdapter extends BaseExpandableListAdapter {
	private GroupViewHolder gHolder;
	private ChildViewHolder cHolder;
	private Context context;
	private ArrayList<String> groups;
	private ArrayList<ArrayList<String>> children;

	public ListDataAdapter(Context context, ArrayList<String> groups,
			ArrayList<ArrayList<String>> children) {
		super();
		this.context = context;
		this.groups = groups;
		this.children = children;
	}

	public int getGroupCount() {
		// TODO Auto-generated method stub
		if (groups != null) {
			return groups.size();
		}
		return 0;
	}

	public int getChildrenCount(int groupPosition) {
		// TODO Auto-generated method stub
		if (children != null) {
			return children.get(groupPosition).size();
		}
		return 0;
	}

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

	public Object getChild(int groupPosition, int childPosition) {
		// TODO Auto-generated method stub
		return (children != null ? children.get(groupPosition).get(
				childPosition) : null);
	}

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

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

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

	public View getGroupView(int groupPosition, boolean isExpanded,
			View convertView, ViewGroup parent) {
		//GroupViewHolder gHolder = null;
		if (convertView == null) {
			convertView = LayoutInflater.from(context).inflate(R.layout.group,
					null);
			gHolder = new GroupViewHolder();

			gHolder.tv_group_name = (TextView) convertView
					.findViewById(R.id.tv_group);
			convertView.setTag(gHolder);
		} else {
			gHolder = (GroupViewHolder) convertView.getTag();
		}

		gHolder.tv_group_name.setText(groups.get(groupPosition));
		return convertView;
	}

	public View getChildView(int groupPosition, int childPosition,
			boolean isLastChild, View convertView, ViewGroup parent) {
	//	ChildViewHolder cHolder = null;
		if (convertView == null) {
			// convertView =inflater.inflate(R.layout.child, null);
			convertView = LayoutInflater.from(context).inflate(R.layout.child,
					null);
			cHolder = new ChildViewHolder();
			cHolder.tv_contact_name = (TextView) convertView
					.findViewById(R.id.tv_child);
			convertView.setTag(cHolder);
		} else {
			cHolder = (ChildViewHolder) convertView.getTag();
		}

		cHolder.tv_contact_name.setText(children.get(groupPosition).get(
				childPosition));
		return convertView;
	}

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

	public class GroupViewHolder {
		public TextView tv_group_name;
	}

	public class ChildViewHolder {

		public TextView tv_contact_name;

	}

}



3），用map方式实现的Adapter，优点不用考虑添加顺序，缺点数据更新是需要重新加载数据；消耗资源。

package com.cn.testexpansablelist;

import java.util.ArrayList;
import java.util.Iterator;
import java.util.LinkedHashMap;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;

public class MapDataAdapter extends BaseExpandableListAdapter {

	private Context context;
	private LinkedHashMap<String, ArrayList<String>> values;
	private ArrayList<String> groups;
	private ArrayList<ArrayList<String>> children;

	public MapDataAdapter(Context context,
			LinkedHashMap<String, ArrayList<String>> values) {
		super();
		this.context = context;
		this.values = values;
		initData(values);

	}

	/**
	 * 初始化数据
	 * 
	 * @param values
	 */
	private void initData(LinkedHashMap<String, ArrayList<String>> values) {
		if (values != null) {
			this.groups = new ArrayList<String>(values.keySet());
			children = new ArrayList<ArrayList<String>>();
			for (Iterator<String> it = groups.iterator(); it.hasNext();) {
				String key = it.next();
				children.add(values.get(key));
			}
		}
	}

	public int getGroupCount() {
		// TODO Auto-generated method stub
		if (groups != null) {
			return groups.size();
		}
		return 0;
	}

	public int getChildrenCount(int groupPosition) {
		// TODO Auto-generated method stub
		if (children != null) {
			return children.get(groupPosition).size();
		}
		return 0;
	}

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

	public Object getChild(int groupPosition, int childPosition) {
		// TODO Auto-generated method stub
		return (children != null ? children.get(groupPosition).get(
				childPosition) : null);
	}

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

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

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

	/**
	 * 如果values的数据发生变化 通知adapter也要跟随改变
	 */
	public void datachangedNotify(
			LinkedHashMap<String, ArrayList<String>> values) {
		this.values=values;
		initData(values);
		notifyDataSetChanged();

	}

	@Override
	public void notifyDataSetChanged() {
		// TODO Auto-generated method stub

		super.notifyDataSetChanged();
	}

	public View getGroupView(int groupPosition, boolean isExpanded,
			View convertView, ViewGroup parent) {
		GroupViewHolder gHolder = null;
		if (convertView == null) {
			convertView = LayoutInflater.from(context).inflate(R.layout.group,
					null);
			gHolder = new GroupViewHolder();

			gHolder.tv_group_name = (TextView) convertView
					.findViewById(R.id.tv_group);
			convertView.setTag(gHolder);
		} else {
			gHolder = (GroupViewHolder) convertView.getTag();
		}

		gHolder.tv_group_name.setText(groups.get(groupPosition));
		return convertView;
	}

	public View getChildView(int groupPosition, int childPosition,
			boolean isLastChild, View convertView, ViewGroup parent) {
		ChildViewHolder cHolder = null;
		if (convertView == null) {
			// convertView =inflater.inflate(R.layout.child, null);
			convertView = LayoutInflater.from(context).inflate(R.layout.child,
					null);
			cHolder = new ChildViewHolder();
			cHolder.tv_contact_name = (TextView) convertView
					.findViewById(R.id.tv_child);
			convertView.setTag(cHolder);
		} else {
			cHolder = (ChildViewHolder) convertView.getTag();
		}

		cHolder.tv_contact_name.setText(children.get(groupPosition).get(
				childPosition));
		return convertView;
	}

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

	public class GroupViewHolder {
		public TextView tv_group_name;
	}

	public class ChildViewHolder {

		public TextView tv_contact_name;

	}

}


以上方式仅供参考。demo地址：TestExpansableList.rar

lan_hz007
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android ExpandableListView示例教程
从零开始的教程世界
07-09 326
Welcome to Android ExpandableListView Example Tutorial. In this tutorial we’ll implement an ExpandableListView which is used to group list data by categories. It’s sort of menu and submenus in a Andro...
ExpandableListView说明及其用法
hanjiexuan的博客
04-16 2226
一：ExpandableListView ExpandableListView，是可展开的列表组件的ExpandableListView的用法和ListView非常像，只是其所显示的列表项应该由ExpandableListAdapter提供，下面是它的xml属性及说明： childDivider：指定各组内子项列表项之间的分割条 childIndicator：显示在子列表项旁边的Drawable对象 groupIndicator：显示在组列表项旁边的Drawable对象 二：效果 三：使用 第一步：新
ExpandableListView的使用
09-14
多级列表ExpandableListView的使用
Expandablelistview 简单使用
Helen_Chen的博客
02-06 601
Expandablelistview是可展开的listview,通过点击一层title获取对应title下面的content，着重点是ExpandableListViewaAdapter里面各个方法的使用。ExpandableListViewaAdapter中包括父、子 listview的count、id、view等，因此理解好ExpandableListViewaAdapter了，就可以很好
ExpandableListView使用方法详解
热门推荐
会飞的鱼儿的博客
03-01 2万+
一、前言 “好记性不如烂笔头”，再次验证了这句话是真的很有道理啊，一个月前看了一下ExpandableListView的使用，今天再看居然忘了这个是干啥的了，今天就详细讲解一下ExpandableListView的使用方法，感觉对于二级条目显示功能都可以实现。 二、实现的功能 1、可实现二级列表条目显示功能，具体包括可自定义，父布局和子布局。可实现父布局全部展开和只展开一个功能。 ...
ExpandableListView使用
04-17 835
布局文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container" android:layout_width="match_parent
Android中ExpandableListView使用示例详解
01-05
本文实例为大家分享了ExpandableListView使用示例，供大家参考，具体内容如下 MainActivity： public class Expandable_test extends Activity { private ExpandableListView listView; private Map<String>> ...
ExpandableListView使用示例
04-10
在这个"ExpandableListView使用示例"中，我们将深入探讨如何有效地利用`ExpandableListView`。 首先，了解`ExpandableListView`的基本概念。它是一个特殊的`ListView`，能够显示可扩展的组（Group）和每个组内的...
安卓开发 ExpandableListView 使用示例
最新发布
05-03
好的，您想了解安卓开发 ExpandableListView 的使用示例，以下是一个简单的示例： 1. 定义适配器类 ``` public class ExpandableListAdapter extends BaseExpandableListAdapter { private Context mContext; ...
ExpandableListView.Xamarin：Xamarin构成了无需任何渲染器的ExpandableListView的示例
02-06
Xamarin构成没有任何渲染器的ExpandableListView的示例 这个想法很简单，我有一个带有HasUnevenRows="True"的ListView ，而ViewCell是CollapsibleControl（一个自定义的ContentView） < local : ...
Android中ExpandableListView控件基本使用 .
chuxing的专栏
06-19 1342
本文采用一个Demo来展示Android中ExpandableListView控件的使用，如如何在组/子ListView中绑定数据源。直接上代码如下： 程序结构图： layout目录下的 main.xml 文件源码如下： [html] view plaincopyprint? xml version="1.0" encoding="utf-8"?>  LinearL
Android中ExpandableListView的使用
Sevan7的专栏
10-13 1万+
<br />ExpandableListView是android中可以实现下拉list的一个控件，具体的实现方法如下：<br /> <br />首先：在layout的xml文件中定义一个ExpandableListView<br /> <LinearLayout android:id="@+id/linearLayout" android:layout_width="fill_parent" android:layout_height="fill_p
【安卓笔记】ExpandableListView的使用
RowandJJ
11-28 2484
实现效果： 即可伸展的ListView 其实跟普通的ListView使用没啥区别，只是ListView改为了ExpandableListView，另外适配器由BaseAdapter也换成了BaseExpandableListAdapter。 步骤： 1.编写布局文件。 分为三个，分别是主布局，group分组布局，
React Native 开发环境安装和配置
lan_hz007的专栏
11-03 1701
要进行Rect Native 开发你需要安装如下工具， homebrew,nvm，watchman ，flow和node.js. 1 安装homebrew  Homebrew是一个方便开发者在MAC OS X系统上面安装Linux工具包的ruby脚本，而MAC OS X已经内置了ruby的解释环境，因此安装Homebrew只需执行以下脚本：ruby -e "$(curl -f
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值