android可扩展列表,android ExpandableListView可扩展列表

最新推荐文章于 2025-05-19 12:00:55 发布
最新推荐文章于 2025-05-19 12:00:55 发布
阅读量348 收藏
点赞数
文章标签： android可扩展列表
本文介绍了如何使用自定义的ExpandableListAdapter实现带有图片和文字的列表项，并提供了详细的代码示例，包括创建适配器、定义布局文件及如何在Activity中使用。

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

http://leiwuluan.iteye.com/blog/1508356

先看一效果图、

列表中要有 图片和文字：

uid-20661656-id-4219726.html

所以我们要实现一个自定义的   适配器。

介绍一个类：BaseExpandableListAdapter

一看就知道是 适配器的一个基类了。

所以我们自定义的适配器要 继承它。

除了 完成这个 适配器，还要有两个自定义模板，分别   组和子列表的，单元模板。如下图：

uid-20661656-id-4219726.html

模板布局xml  要放在 layouts  下面。

main_tree_group.xml

Xml代码 f83477f04be71993fceb62278cb92fb3.gif e9495c037be9e483aa735543c063c8a6.png

7cb29ee1c823d285bffd7ff42b62cd56.gif

xmlversion="1.0"encoding="utf-8"?>

android:layout_width="fill_parent"

android:layout_height="45dp"

android:background="@color/white"

android:gravity="center"

android:orientation="vertical">

xmlns:android=""

android:id="@+id/main_tree_title_id"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_marginLeft="20dip"

android:background="@color/white"

android:text="NoData"

android:textColor="@color/black"

android:textSize="20dp"

android:textStyle="bold"/>

LinearLayout>

uid-20661656-id-4219726.html

子列表模板文件

main_tree_child.xml

Xml代码 f83477f04be71993fceb62278cb92fb3.gif e9495c037be9e483aa735543c063c8a6.png

7cb29ee1c823d285bffd7ff42b62cd56.gif

xmlversion="1.0"encoding="utf-8"?>

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@color/white"

android:gravity="center_vertical"

android:orientation="horizontal"

android:paddingBottom="5dp"

android:paddingLeft="8dp"

android:paddingTop="8dp">

android:id="@+id/mainChildIcoId"

android:layout_width="50dp"

android:layout_height="50dp"

android:src="@drawable/person_icon"/>

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:orientation="vertical">

android:id="@+id/mainChildText1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_marginLeft="10dp"

android:layout_marginTop="5dp"

android:background="@color/white"

android:gravity="center_vertical"

android:text="CNoData"

android:textColor="@color/black"

android:textSize="16dp"/>

android:id="@+id/mainChildText2"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_marginLeft="10dp"

android:background="@color/white"

android:gravity="center_vertical"

android:text="13693668970"

android:textColor="@color/black"

android:textSize="12dp"/>

LinearLayout>

LinearLayout>

uid-20661656-id-4219726.html

然后写两个对  模板文件的    bean

main_tree_group.xml 对应 bean

Java代码 f83477f04be71993fceb62278cb92fb3.gif e9495c037be9e483aa735543c063c8a6.png

7cb29ee1c823d285bffd7ff42b62cd56.gif

//父单元

classExpandableGroupHolder {

TextView title;

}

//父单元

class ExpandableGroupHolder {

TextView title;

}

main_tree_child.xml

Java代码 f83477f04be71993fceb62278cb92fb3.gif e9495c037be9e483aa735543c063c8a6.png

7cb29ee1c823d285bffd7ff42b62cd56.gif

//单元类

classExpandableListHolder {

TextView nickName;

TextView phone;

ImageView ioc;

}

//单元类

class ExpandableListHolder {

TextView nickName;

TextView phone;

ImageView ioc;

}

现在来实现最重要的关结。  适配器

MainListExpandableListAdapter.java

我这里把 上面两个模板对应java bean 写成 自定义适配器的内部类。

Java代码 f83477f04be71993fceb62278cb92fb3.gif e9495c037be9e483aa735543c063c8a6.png

7cb29ee1c823d285bffd7ff42b62cd56.gif

packagecom.main.apadter;

importjava.util.List;

importjava.util.Map;

importandroid.content.Context;

importandroid.view.LayoutInflater;

importandroid.view.View;

importandroid.view.ViewGroup;

importandroid.widget.BaseExpandableListAdapter;

importandroid.widget.ImageView;

importandroid.widget.TextView;

importcom.main.R;

publicclassMainListExpandableListAdapterextendsBaseExpandableListAdapter {

//单元类

classExpandableListHolder {

TextView nickName;

TextView phone;

ImageView ioc;

}

//父单元

classExpandableGroupHolder {

TextView title;

}

privateList> groupData;//组显示

privateList>> childData;//子列表

privateLayoutInflater mGroupInflater;//用于加载group的布局xml

privateLayoutInflater mChildInflater;//用于加载listitem的布局xml

//自宝义构造

publicMainListExpandableListAdapter(Context context, List> groupData, List>> childData) {

this.childData=childData;

this.groupData=groupData;

mChildInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

mGroupInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

}

//必须实现 得到子数据

@Override

publicObject getChild(intgroupPosition,intj) {

returnchildData.get(groupPosition).get(j);

}

@Override

publiclonggetChildId(intgroupPosition,intj) {

returngroupPosition;

}

@Override

publicintgetChildrenCount(inti) {

returnchildData.get(i).size();

}

@Override

publicObject getGroup(inti) {

returngroupData.get(i);

}

@Override

publicintgetGroupCount() {

returngroupData.size();

}

@Override

publiclonggetGroupId(inti) {

returni;

}

@Override

publicbooleanhasStableIds() {//行是否具有唯一id

returnfalse;

}

@Override

publicbooleanisChildSelectable(inti,intj) {//行是否可选

returnfalse;

}

@Override

publicView getGroupView(intgroupPosition,booleanflag, View convertView, ViewGroup viewgroup) {

ExpandableGroupHolder holder = null;//清空临时变量holder

if(convertView ==null) {//判断view(即view是否已构建好)是否为空

convertView = mGroupInflater.inflate(R.layout.main_tree_group, null);

holder = newExpandableGroupHolder();

holder.title=(TextView) convertView.findViewById(R.id.main_tree_title_id);

convertView.setTag(holder);

} else{//若view不为空，直接从view的tag属性中获得各子视图的引用

holder = (ExpandableGroupHolder) convertView.getTag();

}

String title=(String)this.groupData.get(groupPosition).get("title");

holder.title.setText(title);

notifyDataSetChanged();

returnconvertView;

}

@Override

publicView getChildView(intgroupPosition,intchildPosition,booleanisLastChild, View convertView,

ViewGroup viewgroup) {

ExpandableListHolder holder = null;

if(convertView ==null) {

convertView = mChildInflater.inflate(R.layout.main_tree_child, null);

holder = newExpandableListHolder();

holder.nickName = (TextView) convertView.findViewById(R.id.mainChildText1);

holder.ioc = (ImageView) convertView.findViewById(R.id.mainChildIcoId);

holder.phone = (TextView) convertView.findViewById(R.id.mainChildText2);

convertView.setTag(holder);

} else{//若行已初始化，直接从tag属性获得子视图的引用

holder = (ExpandableListHolder) convertView.getTag();

}

MapunitData=this.childData.get(groupPosition).get(childPosition);

holder.nickName.setText((String)unitData.get("nickName"));

holder.ioc.setImageResource((Integer) unitData.get("ico"));

holder.phone.setText((String)unitData.get("phone"));

returnconvertView;

}

}

package com.main.apadter;

import java.util.List;

import java.util.Map;

import android.content.Context;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseExpandableListAdapter;

import android.widget.ImageView;

import android.widget.TextView;

import com.main.R;

public class MainListExpandableListAdapter extends BaseExpandableListAdapter {

//单元类

class ExpandableListHolder {

TextView nickName;

TextView phone;

ImageView ioc;

}

//父单元

class ExpandableGroupHolder {

TextView title;

}

private List> groupData;//组显示

private List>> childData;//子列表

private LayoutInflater mGroupInflater; //用于加载group的布局xml

private LayoutInflater mChildInflater; //用于加载listitem的布局xml

//自宝义构造

public MainListExpandableListAdapter(Context context, List> groupData, List>> childData) {

this.childData=childData;

this.groupData=groupData;

mChildInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

mGroupInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

}

//必须实现 得到子数据

@Override

public Object getChild(int groupPosition, int j) {

return childData.get(groupPosition).get(j);

}

@Override

public long getChildId(int groupPosition, int j) {

return groupPosition;

}

@Override

public int getChildrenCount(int i) {

return childData.get(i).size();

}

@Override

public Object getGroup(int i) {

return groupData.get(i);

}

@Override

public int getGroupCount() {

return groupData.size();

}

@Override

public long getGroupId(int i) {

return i;

}

@Override

public boolean hasStableIds() {//行是否具有唯一id

return false;

}

@Override

public boolean isChildSelectable(int i, int j) {//行是否可选

return false;

}

@Override

public View getGroupView(int groupPosition, boolean flag, View convertView, ViewGroup viewgroup) {

ExpandableGroupHolder holder = null; //清空临时变量holder

if (convertView == null) { //判断view(即view是否已构建好)是否为空

convertView = mGroupInflater.inflate(R.layout.main_tree_group, null);

holder = new ExpandableGroupHolder();

holder.title=(TextView) convertView.findViewById(R.id.main_tree_title_id);

convertView.setTag(holder);

} else { //若view不为空，直接从view的tag属性中获得各子视图的引用

holder = (ExpandableGroupHolder) convertView.getTag();

}

String title=(String)this.groupData.get(groupPosition).get("title");

holder.title.setText(title);

notifyDataSetChanged();

return convertView;

}

@Override

public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView,

ViewGroup viewgroup) {

ExpandableListHolder holder = null;

if (convertView == null) {

convertView = mChildInflater.inflate(R.layout.main_tree_child, null);

holder = new ExpandableListHolder();

holder.nickName = (TextView) convertView.findViewById(R.id.mainChildText1);

holder.ioc = (ImageView) convertView.findViewById(R.id.mainChildIcoId);

holder.phone = (TextView) convertView.findViewById(R.id.mainChildText2);

convertView.setTag(holder);

} else {//若行已初始化，直接从tag属性获得子视图的引用

holder = (ExpandableListHolder) convertView.getTag();

}

MapunitData=this.childData.get(groupPosition).get(childPosition);

holder.nickName.setText((String)unitData.get("nickName"));

holder.ioc.setImageResource((Integer) unitData.get("ico"));

holder.phone.setText((String)unitData.get("phone"));

return convertView;

}

}

接下来要做的就是  利用自定义的适配器。  添加盟数据进行显了。

1、建一个 xml  设样式并设id

Xml代码 f83477f04be71993fceb62278cb92fb3.gif e9495c037be9e483aa735543c063c8a6.png

7cb29ee1c823d285bffd7ff42b62cd56.gif

xmlversion="1.0"encoding="utf-8"?>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:listSelector="@color/white"

android:orientation="vertical">

android:id="@+id/expandable_id"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@color/white"

android:drawSelectorOnTop="false"

android:listSelector="@color/white"/>

LinearLayout>

创建activity

Java代码 f83477f04be71993fceb62278cb92fb3.gif e9495c037be9e483aa735543c063c8a6.png

7cb29ee1c823d285bffd7ff42b62cd56.gif

publicclassMainActivityextendsActivity {

// 声明对象

privateMainListExpandableListAdapter adapter =null;

List> groups;

List>> childs;

ExpandableListView expandableListView;

privateFriendsDao friendsDao;

@Override

publicvoidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

friendsDao=newFriendsDao(this,"ll1x.db",null,2);

//为ExpandableListView准备数据

groups = newArrayList>();

Mapgroup = newHashMap();

group.put("title","我的家人");

groups.add(group);

List> child1 = newArrayList>();

Cursor cursor = friendsDao.selectAll();

while(cursor.moveToNext()){

Mapchild1Data1 = newHashMap();

child1Data1.put("nickName", cursor.getString(cursor.getColumnIndex("nickName")));

child1Data1.put("phone", cursor.getString(cursor.getColumnIndex("phone")));

child1Data1.put("ico", R.drawable.icon);

child1.add(child1Data1);

}

childs = newArrayList>>();

childs.add(child1);

// 实例化ExpandableListView对象

expandableListView = (ExpandableListView) findViewById(R.id.expandable_id);

// 实例化ExpandableListView的适配器

adapter = newMainListExpandableListAdapter(getApplicationContext(), groups, childs);

// 设置适配器

expandableListView.setAdapter(adapter);

// 设置监听器

expandableListView.setOnChildClickListener(newOnChildClickListener() {

publicbooleanonChildClick(ExpandableListView parent, View v,

intgroupPosition,intchildPosition,longid) {

Log.d("test","GroupPosition is "+ groupPosition);

Log.d("test","ChildPosition is"+ childPosition);

returnfalse;

}

});

}

}

public class MainActivity extends Activity {

// 声明对象

private MainListExpandableListAdapter adapter = null;

List> groups;

List>> childs;

ExpandableListView expandableListView;

private FriendsDao friendsDao;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

friendsDao=new FriendsDao(this,"ll1x.db",null,2);

//为ExpandableListView准备数据

groups = new ArrayList>();

Mapgroup = new HashMap();

group.put("title", "我的家人");

groups.add(group);

List> child1 = new ArrayList>();

Cursor cursor = friendsDao.selectAll();

while(cursor.moveToNext()){

Mapchild1Data1 = new HashMap();

child1Data1.put("nickName", cursor.getString(cursor.getColumnIndex("nickName")));

child1Data1.put("phone", cursor.getString(cursor.getColumnIndex("phone")));

child1Data1.put("ico", R.drawable.icon);

child1.add(child1Data1);

}

childs = new ArrayList>>();

childs.add(child1);

// 实例化ExpandableListView对象

expandableListView = (ExpandableListView) findViewById(R.id.expandable_id);

// 实例化ExpandableListView的适配器

adapter = new MainListExpandableListAdapter(getApplicationContext(), groups, childs);

// 设置适配器

expandableListView.setAdapter(adapter);

// 设置监听器

expandableListView.setOnChildClickListener(new OnChildClickListener() {

public boolean onChildClick(ExpandableListView parent, View v,

int groupPosition, int childPosition, long id) {

Log.d("test", "GroupPosition is " + groupPosition);

Log.d("test", "ChildPosition is" + childPosition);

return false;

}

});

}

}

ok 可了。可以放到项目当去了。

大小: 66.3 KB

大小: 96.3 KB

大小: 7.1 KB

大小: 14.5 KB

android 列表和可扩展列表的实现
10-04
android 列表ListView和可扩展列表ExpandableListView的实现
【Android】自定义可扩展列表ExpandableListView
12-14
本篇文章将深入探讨如何在Android中自定义可扩展列表`ExpandableListView`。 首先，我们要理解`ExpandableListView`的基本结构。它由两部分组成：父项（Group）和子项（Child）。每个父项可以包含多个子项，用户...
Android中的可扩展列表
04-02 370
今天，我们将讨论Android中的ExpandableListView 。 在这里，我使用带有ADT插件的Eclipse来构建此示例。 这个例子很简单。 在工作区中创建一个新的Android应用程序项目。 从ExpandableListActivity.扩展您的主要活动ExpandableListActivity. 供您参考，请找到以下代码： package com.example.e...
ExpandableListView在Android中的高级应用
最新发布
weixin_35829279的博客
05-19 926
Group类在ExpandableListView中代表着可以展开和折叠的组节点。在实际应用中，它可以是任何类型的数据项，比如菜单项的分类、联系人的分组等。每个Group类通常都包含至少两个核心属性：一个是用于在用户界面上显示的文本标题，另一个是该Group下的所有子项Child的集合。// Group的显示文本// 此Group下的所有Child对象列表// 初始化子项列表在上述Java代码中，Group类提供了标题属性title和子项列表children的访问器和修改器。
android可扩展列表,android-可扩展列表视图未显示
weixin_42425334的博客
06-02 135
代码可以正常运行,没有任何错误或警告,但可扩展列表未显示,这是代码public class MainActivity extends Activity implements ExpandableListView.OnChildClickListener{ArrayList childitems;ArrayList groupitems;ExpandableListView list;@Overr...
可扩展的列表组件
xiaoduantuilalalal的博客
05-23 800
ExpandableListView(可扩展列表组件).ExpandableListView所显示的列表项应该有由ExpandableListAdapter提供。 实现ExpandableListAdapter的三种常见方式： 扩展BaseExpandableListAdapter 实现ExpandableListAdapter。 使用SimpleExpandableListAdapte
android expandablelistview简单应用,android ExpandableListView简单例子
weixin_30296995的博客
06-01 248
android中常常要用到ListView，有时也要用到ExpandableListView，如在手机设置中，对于分类有很好的效果，会用ListView的人一定会用ExpandableListView，因为ExpandableListView extends ListView的，下面来看个简单的例子运行效果图： xmlns:tools="http://schemas.android.com/too...
Expandable-List-Android:可扩展列表 Android 演示
07-02
1. **ExpandableListView**：这是Android SDK中用于实现可扩展列表的视图控件。它继承自ListView，但增加了展开和折叠功能。开发者需要自定义适配器（Adapter）来填充数据。 2. **数据结构**：在可扩展列表中，数据...
Android ExpandableListView双层嵌套实现三级树形菜单
08-26
在Android开发中，`ExpandableListView` 是一种可扩展的列表视图，它允许用户通过展开和折叠组来展示层次结构的数据。对于需要展现多级菜单的情况，如三级树形菜单，`ExpandableListView` 可以通过双层嵌套的方式来...
掌握Android列表与可扩展列表的实现技巧
主要分为两种形式，一种是普通的列表ListView，另一种是支持子列表展开的可扩展列表ExpandableListView。在这份文件中，我们将深入探讨如何在Android平台上实现这两种列表，并且如何将它们应用于实际项目中。 首先...
Android ExpandableListView（二）
qq_20553007的博客
08-01 473
在上一篇Android ExpandableListView使用小结（一）的介绍中，我们学习了 ExpandableListView 的使用方法，学习了自定义适配器，为列表选项设置监听事件。想必大家都能熟练使用了，今天我要分享的是 ExpandableListView 的 Indicator（指示器）的使用。 在我们看来，Indicator 就是分组项前面的小箭头，回顾一下我们之前做的 Demo.........
android--ExpandableListView实例
04-01
android--ExpandableListView实例
Android开发-ExpandableListView控件
云上道人的博客
03-22 1690
目录 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 expandablelistview横向,Android ExpandableListView使用小结（二）
weixin_29504987的博客
05-25 350
在上一篇Android ExpandableListView使用小结(一)的介绍中，我们学习了 ExpandableListView 的使用方法，学习了自定义适配器，为列表选项设置监听事件。想必大家都能熟练使用了，今天我要分享的是 ExpandableListView 的 Indicator(指示器)的使用。在我们看来，Indicator 就是分组项前面的小箭头，回顾一下我们之前做的 Demo，并...
android ExpandableListView (可扩展ListView)
Townkoim的专栏
09-14 776
ExpandableListView是listView的子类(效果类似于QQ好友界面的分组) 与Adapter类似，实现 ExpandableListView由如下三种常用方法 1.扩展BaseExpandableListAdapter实现ExpandableListAdapter 2.使用SimpleExpandableListAdapter将两个List集合包装秤Expandable
可扩展列表
weixin_30609287的博客
09-19 201
去掉下指箭头 expandListView.setGroupIndicator(null); 转载于:https://www.cnblogs.com/hishark/p/7550284.html
Android可收缩伸展的Expandable分组RecyclerView
Zhang Phil
04-04 5409
Android可收缩伸展的Expandable分组RecyclerViewAndroid上的可收缩伸展的Expandable RecyclerView第三方开源项目很多，但是在自己的项目引用了这些github上的类似项目后，发现问题和Bug很多，不稳定，无奈之下，自己在RecyclerView基础上写了一个相对稳定、可以收缩伸展Expandable分组RecyclerView。代码：import
027 Android 可扩展的listview:ExpandableListView的使用案例
weixin_30784141的博客
05-14 107
1.ExpandableListView简介 ExpandableListView是一种用于垂直滚动展示两级列表的视图，和 ListView 的不同之处就是它可以展示两级列表，分组可以单独展开显示子选项。这些选项的数据是通过 ExpandableListAdapter 关联的。 2.xml页面布局 (1)主界面布局(CommonNumberQueryActivity对应布局) <...
Android之ExpandableList扩展用法（基于BaseExpandableListAdapter）
weixin_33937913的博客
01-12 384
1.简介 　　基于基于BaseExpandableListAdapter扩展的ExpandableList用法，现在网上流行的主要有两种：第一种是向BaseExpandableListAdapter传入两个数组，第一个是表示Group（目录头）信息的一维数组，第二个是表示Child（目录子项）的二维数组数组；第二种是构建两个类，一个是表示目录信息的GroupInfo类，另一个是表示子项信息的Ch...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值