Android ExpandableListView的使用

最新推荐文章于 2023-08-15 19:56:26 发布
最新推荐文章于 2023-08-15 19:56:26 发布
阅读量1.4k 收藏 32
点赞数 5
分类专栏： ▸Android -【编程语言】 文章标签： android expandablelistview BaseExpand 可扩展列表
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MAGIC_JSS/article/details/52740571
版权

转载请注明出处：http://blog.csdn.net/MAGIC_JSS/article/details/52740571；
ExpandableListView可扩展列表一般可用来开发类似QQ联系人的界面效果。简单整理了一下ExpandableListView的使用，希望帮助到需要的亲们，由于比较简单就没有添加文字描述，欢迎留言交流！！！

先看下效果图：
这里写图片描述

1、主Activity

/**
 * Created by magic on 2016年10月5日.防QQ联系人效果
 */
public class MainActivity extends Activity {

	ExpandableListView expandableListView;
	ExpandableListViewAdapter adapter;

	List<GroupBean> list_group = new ArrayList<GroupBean>();

	List<UserBean> list_child1 = new ArrayList<UserBean>();
	List<UserBean> list_child2 = new ArrayList<UserBean>();
	List<UserBean> list_child3 = new ArrayList<UserBean>();

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		expandableListView = (ExpandableListView) findViewById(R.id.exl);

		list_child1.add(new UserBean("赵丽颖"));
		list_child1.add(new UserBean("郑爽"));
		list_child1.add(new UserBean("杨幂"));

		list_child2.add(new UserBean("夏帆"));
		list_child2.add(new UserBean("刘亦菲"));
		list_child2.add(new UserBean("何曼婷"));

		list_child3.add(new UserBean("苍老师"));
		list_child3.add(new UserBean("刘诗诗 "));
		list_child3.add(new UserBean("佟丽娅"));

		list_group.add(new GroupBean("萌妹", "29/48", list_child1));
		list_group.add(new GroupBean("清纯", "42/60", list_child2));
		list_group.add(new GroupBean("美女", "53/71", list_child3));

		adapter = new ExpandableListViewAdapter(this, list_group);
		expandableListView.setAdapter(adapter);
		int groupCount = adapter.getGroupCount();
		for (int i = 0; i < groupCount; i++) {
			// 设置expandableListView展开子项
			// expandableListView.expandGroup(i);
			// 设置expandableListView不展开子项
			// expandableListView.collapseGroup(i);
		}

		// group 的点击事件
		expandableListView.setOnGroupClickListener(new OnGroupClickListener() {

			@Override
			public boolean onGroupClick(ExpandableListView parent, View v,
					int groupPosition, long id) {
				return false;
			}
		});
		// child 的点击事件
		expandableListView.setOnChildClickListener(new OnChildClickListener() {

			@Override
			public boolean onChildClick(ExpandableListView parent, View v,
					int groupPosition, int childPosition, long id) {
				Toast.makeText(MainActivity.this,adapter.getGroup(groupPosition).getUserBeans().get(childPosition).getName(),
						Toast.LENGTH_SHORT).show();
				return false;
			}
		});

	}
}

相关实体类：
GroupBean.java

/**
 * Created by magic on 2016年10月5日.分组实体类
 */
public class GroupBean {

	// 组名
	String groupName;
	// 组描述
	String groupDesc;
	// 用户集合
	List<UserBean> userBeans;
	
	public GroupBean() {
		super();
	}

	public GroupBean(String groupName, String groupDesc,
			List<UserBean> userBeans) {
		super();
		this.groupName = groupName;
		this.groupDesc = groupDesc;
		this.userBeans = userBeans;
	}

	public String getGroupName() {
		return groupName;
	}

	public void setGroupName(String groupName) {
		this.groupName = groupName;
	}

	public String getGroupDesc() {
		return groupDesc;
	}

	public void setGroupDesc(String groupDesc) {
		this.groupDesc = groupDesc;
	}

	public List<UserBean> getUserBeans() {
		return userBeans;
	}

	public void setUserBeans(List<UserBean> userBeans) {
		this.userBeans = userBeans;
	}
}

UserBean.java

/**
 * Created by magic on 2016年10月5日.用户实体类
 */
public class UserBean {

	String name;

	public UserBean(String name) {
		super();
		this.name = name;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

}

2、主Activity 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"
     >

    <!-- cacheColorHint：系统默认拖动过程中列表背景是黑的,设置为透明 -->
    <!-- android:divider="@color/mainLine"分割线颜色
         android:dividerHeight="0.5dp" 分割线高度-->
    <!-- android:dividerHeight="0.5dp" 子child的分割线高度 -->
    <!-- android:groupIndicator=""设置指示器  箭头-->
    <ExpandableListView
        android:id="@+id/exl"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:cacheColorHint="@color/white"
        android:childDivider="@color/mainLine"
        android:divider="@color/mainLine"
        android:groupIndicator="@null"
        android:dividerHeight="0.5dp"
         />

</LinearLayout>

3、ExpandableListView适配器

/**
 * Created by magic on 2016年10月5日.可扩展列表适配器
 */
public class ExpandableListViewAdapter extends BaseExpandableListAdapter {

	Context context;
	List<GroupBean> list_group;
	
	public ExpandableListViewAdapter(Context context,List<GroupBean> list_group) {
		super();
		this.context = context;
		this.list_group = list_group;
	}

	/**
	 * 获取指定组中的指定子元素数据。
	 */
	@Override
	public UserBean getChild(int groupPosition, int childPosition) {
		return list_group.get(groupPosition).getUserBeans().get(childPosition);
	}

	/**
	 * 获取指定组中的指定子元素ID
	 */
	@Override
	public long getChildId(int groupPosition, int childPosition) {
		return childPosition;
	}

	/**
	 * 获取一个视图对象，显示指定组中的指定子元素数据。
	 * 
	 * @param groupPosition
	 *            组位置
	 * @param childPosition
	 *            子元素位置
	 * @param isLastChild
	 *            子元素是否处于组中的最后一个
	 * @param convertView
	 *            重用已有的视图(View)对象
	 * @param parent
	 *            返回的视图(View)对象始终依附于的视图组
	 */
	@Override
	public View getChildView(int groupPosition, int childPosition,
			boolean arg2, View convertView, ViewGroup parent) {
		if (convertView == null) {
			convertView = LayoutInflater.from(context).inflate(R.layout.child_layout, null);
		}
		TextView textView = (TextView) convertView.findViewById(R.id.tev_child);
		textView.setText(getChild(groupPosition, childPosition).getName());
		return convertView;
	}

	/**
	 * 获取指定组中的子元素个数
	 */
	@Override
	public int getChildrenCount(int groupPosition) {
		return list_group.get(groupPosition).getUserBeans().size();
	}

	/**
	 * 获取指定组中的数据
	 */
	@Override
	public GroupBean getGroup(int groupPosition) {
		return list_group.get(groupPosition);
	}

	/**
	 * 获取组的个数
	 */
	@Override
	public int getGroupCount() {
		return list_group.size();
	}

	/**
	 * 获取指定组的ID，这个组ID必须是唯一的
	 */
	@Override
	public long getGroupId(int groupPosition) {
		return groupPosition;
	}

	/**
	 * 获取显示指定组的视图对象
	 * 
	 * @param groupPosition
	 *            组位置
	 * @param isExpanded
	 *            该组是展开状态还是伸缩状态
	 * @param convertView
	 *            重用已有的视图对象
	 * @param parent
	 *            返回的视图对象始终依附于的视图组
	 */
	@Override
	public View getGroupView(int groupPosition,boolean isExpanded,
			View convertView, ViewGroup parent) {
		convertView = LayoutInflater.from(context).inflate(R.layout.group_layout, null);
		CheckBox chb_group=(CheckBox)convertView.findViewById(R.id.chb_group);
		TextView tev_group_name = (TextView) convertView.findViewById(R.id.tev_group_name);
		TextView tev_group_desc = (TextView) convertView.findViewById(R.id.tev_group_desc);
		tev_group_name.setText(getGroup(groupPosition).getGroupName() + "");
		tev_group_desc.setText(getGroup(groupPosition).getGroupDesc() + "");
		chb_group.setChecked(isExpanded);
		return convertView;
	}

	/**
	 * 组和子元素是否持有稳定的ID,也就是底层数据的改变不会影响到它们。
	 */
	@Override
	public boolean hasStableIds() {
		return false;
	}

	/**
	 * 是否选中指定位置上的子元素。
	 */
	@Override
	public boolean isChildSelectable(int groupPosition, int childPosition) {
		return true;
	}

}

相关布局：
group_layout.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" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:background="@color/white"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:paddingLeft="12dp"
        android:paddingRight="12dp" >

        <CheckBox
            android:id="@+id/chb_group"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:button="@null"
            android:clickable="false"
            android:drawableLeft="@drawable/checkbox_background"
            android:focusable="false" />

        <TextView
            android:id="@+id/tev_group_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15dp" />

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1" />

        <TextView
            android:id="@+id/tev_group_desc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/secondText"
            android:textSize="12sp" />
    </LinearLayout>

</LinearLayout>

child_layout.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:orientation="vertical" >

    <TextView
        android:id="@+id/tev_child"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:background="@color/white"
        android:gravity="center_vertical"
        android:paddingLeft="12dp"
        android:textColor="@color/secondText"
        android:textSize="14sp" />

</LinearLayout>

魔鬼是天使的另一面。

MagicPig.
关注
  • 5
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
Android 自定义可展开的ExpandTextView
07-01
详情请查看博客： https://blog.csdn.net/qq_20785431/article/details/80873463
Android 　ExpandableListView
qq_28533013的博客
03-21 1095
一、ExpandableListView介绍 　　　　一个垂直滚动的显示两个级别（Child,Group）列表项的视图，列表项来自ExpandableListAdapter 。组可以单独展开。 　　1.重要方法 　　　　　　expandGroup(int groupPos) :在分组列表视图中展开一组， 　　　　　　setSelectedGroup(int groupPosition) ：
Android开发-ExpandableListView控件
云上道人的博客
03-22 1166
目录 1.ExpandableListView概述 1.1 定义 1.2 与ListView的区别 1.3 应用场景 2.常用属性 2.1 groupIndicator 2.2 childIndicator 2.3 childDivider 3.常用的方法 3.1 setAdapter(ExpandableListAdapter adapter) 3.2 setOnGroup...
【Android从零单排系列二十一】《Android视图控件——ExpandableListView》
再见孙悟空的专栏
06-29 1108
小伙伴们，在上文中我们介绍了Android视图组件ListView，本文我们继续盘点，介绍一下视图控件的ExpandableListView。ExpandableListView是Android中的一个可扩展列表视图，它继承自ListView，并提供了支持展开和折叠的功能。ExpandableListView可以展示带有分组和子项的层次结构数据，让用户可以方便地通过展开和折叠操作来浏览和查看更多的内容。
Android UI控件----ExpandableListView的基本用法
weixin_34244102的博客
09-07 159
ExpandableListView介绍 ExpandableListView的引入 ExpandableListView可以显示一个视图垂直滚动显示两级列表中的条目，这不同于列表视图（ListView）。ExpandableListView允许有两个层次：一级列表中有二级列表。 比如在手机设置中，对于分类，有很好的效果。手机版QQ也是这样的效果。 使用ExpandableListView的整体...
android Expandablelistview使用
04-09
android Expandablelistview基本控件的使用，关注博客http://himici.com/
Android Expandablelistview +CheckBox
10-19
本demo实现功能为：Expandablelistview子项checkBox先获取已选择状态，在次过程中可修改子项选择，最终提交选择子类的项，并打印相关数据
Android中ExpandableListView使用示例详解
08-29
主要为大家详细介绍了Android中ExpandableListView使用示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android ExpandableListView单选以及多选实现代码
08-27
主要为大家详细介绍了Android ExpandableListView单选以及多选的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
分享Android中ExpandableListView控件使用教程
01-05
本文采用一个Demo来展示Android中ExpandableListView控件的使用，如如何在组/子ListView中绑定数据源。直接上代码如下： 程序结构图： layout目录下的 main.xml 文件源码如下： <?xml version=1.0 encoding=...
Android学习之ExpandableListView
wsb_2526的博客
04-19 2495
什么是ExpandableListView ExpandableListView是扩展的ListView，继承自ListView；ExpandableListView可以实现点击展开列表，再点击收缩回去的效果。 ExpandableListView的使用 首先需要在主布局文件中声明ExpandableListView； <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.and
Android 之 ExpandableListView (可折叠列表)的基本使用
leyang0910的博客
06-15 1815
本节要讲解的Adapter类控件是ExpandableListView，就是可折叠的列表，它是ListView的子类， 在ListView的基础上它把应用中的列表项分为几组，每组里又可包含多个列表项。Toast.makeText(mContext, "你点击了：" + iData.get(groupPosition).get(childPosition).getiName(), Toast.LENGTH_SHORT).show();方法需要返回true，不然不会触发 子Item的点击事件！
Android 二级列表控件ExpandableListView 的简单使用
qq_45910820的博客
04-18 771
先上图： 布局很简单，就一个ExpandableListView ，直接上布局截图，相信各位能看懂 由于其控件会默认自带箭头，我们可以通过XML中在ExpandableListView控件加上 取消掉其自带的指示器箭头，当然除了在xml上，也可通过在代码中，当绑定完控件后调用代码也可实现取消效果 接下来是我们重点要研究的适配器FoodinfoExpandableAdapter，继承并重写了BaseExpandableListAdapter这个类的相关函数，其中注释我已经详细写在代码中，若是不懂或者写
android expandablelistview横向,Android ExpandableListView使用小结（一）
weixin_30219823的博客
05-25 242
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 sh...
android之ExpandableListView
游戏人日常
09-20 1058
ExpandableListView从字面意思来说就是对listview的扩展。只要我们掌握listview的用法。ExpandableListView就很容易。listview只是展示一级列表，而ExpandableListView展示的是二级列表。就像qq联系人这块。就是个二级列表。哈哈。。接下来我们就学习使用ExpandableListView这个控件。 我们可以去看看官网对它的介绍 上面
Android 布局控件之ExpandableListView（可折叠列表）
weixin_44543135的博客
06-18 1541
Android 布局控件之ExpandableListView（可折叠列表） ExpandableListView¬——可折叠列表，它是ListView的子类，可以把数据分为多个组和多个子项，它的显示效果就像我们的QQ分组功能，每个组下面有多个好友；但是ExpandableListView¬显示的列表项需要有ExpandableAdapter类提供。下面来简单了解一下吧。 1、常用属性： android:childDivider：指定各组内子类表项之间的分隔条，图片不会完全显示， 分离子列表项的是一条直线
Android中的二级列表-ExpandableListView
最新发布
m0_56366502的博客
08-15 814
Android中的二级下拉列表，类似于某Q的分组，采用ExpandableListView实现，适配器方法如下。先看效果图：有四个分组，每个分组下都有一些子条目，可以跟着父条目展开而显示。
Android ExpandableListView可展开列表
sea_bo的博客
03-29 5294
ExpandableListView使用介绍，实现ExpandableListView适配器的编写、数据的刷新、分割线的设置等。
Android开发——ExpandableListView控件使用详解
weixin_44705148的博客
06-17 677
Android开发——ExpandableListView控件使用详解 一、前言 ExpandableListView是ListView的子类，而与ListView的区别在于ExpandableListView对列表进行了分组，是一个可以扩展的、分层级的ListView。 二、具体代码的实现 1.主界面XML代码 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.an
android ExpandableListView
05-23
Android ExpandableListView is a view that is used to display a list of items that can be expanded or collapsed to show or hide associated sub-items. It is a subclass of ListView and provides a user ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值