android中ExpandableListView的使用

拼搏现实的明天。 2022-09-23 15:54 173阅读 0赞

ExpandableListVivew是ListView的子类，它在普通ListView的基础上进行了扩展，它把应用中的列表项分为几组，每组里 又可包含多个列表项。ExpandableListVivew的用法与普通ListView的用法非常相似，只是ExpandableListVivew 显示的列表项应该由ExpandableAdapter提供。

实现ExpandableAdapter的三种方式

一是扩展BaseExpandableListAdpter实现ExpandableAdapter。

二是使用SimpleExpandableListAdpater将两个List集合包装成ExpandableAdapter

三是使用simpleCursorTreeAdapter将Cursor中的数据包装成SimpleCuroTreeAdapter

下图为ExpandableListVivew支持的xml属性

<table style="border-spacing:0px; border-collapse:collapse; color:rgb(64,64,64); font-family:'Microsoft YaHei',Verdana,sans-serif,SimSun; font-size:16px; line-height:28.8px"> 
 <tbody style=""> 
 <tr style=""> 
 <td colspan="3" style="padding:0px; background:rgb(222,232,241)"> XML Attributes </td> 
 </tr> 
 <tr style=""> 
 <td style="padding:0px"> 属性名 </td> 
 <td style="padding:0px"> Related Method </td> 
 <td style="padding:0px"> 描述 </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 </tr> 
 <tr style=""> 
 <td style="padding:0px; background:rgb(246,246,246)"> <a style="color:rgb(136,136,136); background-color:transparent" rel="nofollow">android:childDivider</a> </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> 指定各组内子类表项之间的分隔条&nbsp;① </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 </tr> 
 <tr style=""> 
 <td style="padding:0px"> <a style="color:rgb(136,136,136); background-color:transparent" rel="nofollow">android:childIndicator</a> </td> 
 <td style="padding:0px"> 显示在子列表旁边的Drawable对象② </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 </tr> 
 <tr style=""> 
 <td style="padding:0px; background:rgb(246,246,246)"> <a style="color:rgb(136,136,136); background-color:transparent" rel="nofollow">android:childIndicatorLeft</a> </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> 子列表项指示符的左边约束位置③ </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 </tr> 
 <tr style=""> 
 <td style="padding:0px"> <a style="color:rgb(136,136,136); background-color:transparent" rel="nofollow">android:childIndicatorRight</a> </td> 
 <td style="padding:0px"> 子列表项指示符的右边约束位置④ </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 </tr> 
 <tr style=""> 
 <td style="padding:0px; background:rgb(246,246,246)"> <a style="color:rgb(136,136,136); background-color:transparent" rel="nofollow">android:groupIndicator</a> </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> 显示在组列表旁边的Drawable对象⑤&nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 </tr> 
 <tr style=""> 
 <td style="padding:0px"> <a style="color:rgb(136,136,136); background-color:transparent" rel="nofollow">android:indicatorLeft</a> </td> 
 <td style="padding:0px"> 组列表项指示器的左边约束位置⑥&nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 <td style="padding:0px"> &nbsp; </td> 
 </tr> 
 <tr style=""> 
 <td style="padding:0px; background:rgb(246,246,246)"> <a style="color:rgb(136,136,136); background-color:transparent" rel="nofollow">android:indicatorRight</a> </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> 组列表项指示器的右边约束位置&nbsp;⑦ </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 <td style="padding:0px; background:rgb(246,246,246)"> &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

备注：

① 注：图片不会完全显示，分离子列表项的是一条直线

② 注：可以是一个图片

③ 注：即从左端0位置开始计数，比如，假设指示符是一个图标，给定这个属性值为

3dip，则表示从左端起3dip开始显示此图标。

④ 注：表示右端到什么位置结束

⑤ 注：可以是一个图片。

⑥ 注：表示左端从什么位置开始。

⑦ 注：表示右端到什么位置结束。

一般适用于ExpandableListView的Adapter都要继承BaseExpandableListAdapter这个类，并且必须重载getGroupView和getChildView这两个最为重要的方法。

当扩展BaseExpandableListAdapter时，关键是实现如下四个方法：

public abstract View getChildView (int groupPosition, intchildPosition, boolean isLastChild, ViewconvertView, ViewGroup parent)

取得显示给定分组给定子位置的数据用的视图.

参数

groupPosition 包含要取得子视图的分组位置.

childPosition 分组中子视图（要返回的视图）的位置.

isLastChild 该视图是否为组中的最后一个视图.

convertView 如果可能，重用旧的视图对象.使用前你应该保证视图对象为非空，并且是否是合适的类型.如果该对象不能转换为可以正确显示数据的视图，该方法就创建新视图.不保证使用先前由getChildView(int, int,boolean, View, ViewGroup)创建的视图.

parent 该视图最终从属的父视图.

指定位置相应的子视图.

public abstract int getChildrenCount (int groupPosition)

取得指定分组的子元素数.

参数

groupPosition 要取得子元素个数的分组位置.

指定分组的子元素个数.

public abstract View getGroupView (int groupPosition, booleanisExpanded, View convertView, ViewGroupparent)

取得用于显示给定分组的视图.这个方法仅返回分组的视图对象，要想获取子元素的视图对象，就需要调用getChildView(int, int, boolean, View, ViewGroup).

参数

groupPosition 决定返回哪个视图的组位置.

isExpanded 该组是展开状态还是收起状态 .

convertView 如果可能，重用旧的视图对象.使用前你应该保证视图对象为非空，并且是否是合适的类型.如果该对象不能转换为可以正确显示数据的视图，该方法就创建新视图.不保证使用先前由getGroupView(int, boolean,View, ViewGroup)创建的视图.

parent 该视图最终从属的父视图.

指定位置相应的组视图.

public abstract int getGroupCount ()

取得分组数.

分组数.

BaseExpandableListAdapter的重载的其它方法如下：

public abstract Object getChild(int groupPosition, int childPosition)

取得与指定分组、指定子项目关联的数据.

参数

groupPosition 包含子视图的分组的位置.

childPosition 指定的分组中的子视图的位置.

与子视图关联的数据.

public abstract long getChildId(int groupPosition, intchildPosition)

取得给定分组中给定子视图的ID.该组ID必须在组中是唯一的.必须不同于其他所有ID（分组及子项目的ID）.

参数

groupPosition 包含子视图的分组的位置.

childPosition 要取得ID的指定的分组中的子视图的位置.

与子视图关联的ID.

public abstract long getCombinedChildId (long groupId, long childId)

取得一览中可以唯一识别子条目的ID（包括分组ID和子条目ID）.可扩展列表要求每个条目（分组条目和子条目）具有一个可以唯一识别列表中子条目和分组条目的ID.该方法根据给定子条目ID和分组条目ID返回唯一识别ID.另外，如果hasStableIds()为真，该函数返回的ID必须是固定不变的.

参数

groupId 包含子条目ID的分组条目ID.

childId 子条目的ID.

可以在所有分组条目和子条目中唯一识别该子条目的ID（可能是固定不变的）.

public abstract long getCombinedGroupId (long groupId)

参数

groupId 分组条目ID.

可以在所有分组条目和子条目中唯一识别该分组条目的ID（可能是固定不变的）.

public abstract Object getGroup(int groupPosition)

取得与给定分组关联的数据.

参数

groupPosition 分组的位置.

指定分组的数据.

public abstract long getGroupId(int groupPosition)

取得指定分组的ID.该组ID必须在组中是唯一的.必须不同于其他所有ID（分组及子项目的ID）.

参数

groupPosition 要取得ID的分组位置.

与分组关联的ID.

public abstract boolean hasStableIds ()

是否指定分组视图及其子视图的ID对应的后台数据改变也会保持该ID.

是否相同的ID总是指向同一个对象.

public abstract boolean isChildSelectable (int groupPosition, intchildPosition)

指定位置的子视图是否可选择.

参数

groupPosition 包含要取得子视图的分组位置.

childPosition 分组中子视图的位置.

是否子视图可选择

**注意：在XML布局文件中，如果ExpandableListView上一级视图的大小没有严格定义的话，则不能对ExpandableListView的android:layout\_height属性使用wrap\_content值。（例如，如果上一级视图是ScrollView的话，则不应该指定wrap\_content的值，因为它可以是任意的长度。不过，如果ExpandableListView的上一级视图有特定的大小的话，比如100像素，则可以使用wrap\_content）**

**ExpandableListView 很重要的一个方面是，当点击groupview时，对应会弹出相应的childview。**

**在public abstract View getGroupView (int groupPosition, boolean isExpanded, View convertView, ViewGroup parent)方法中，最重要的是可以得到两个关键的值。groupPosition判断一级视图在列表中的位置，isExpanded判断当前一级视图的二级视图是否已打开。**

**在这个方法里还可以设置groupview的部分信息隐藏，使用常用的setVisibility。**

**public abstract View getChildView (int groupPosition, intchildPosition, boolean isLastChild, ViewconvertView, ViewGroup parent)**

**ChildView本身也是ListView，如果想自定布局，只需自定义好ChildView中的一条，加载到当前视图即可。childcount代表加载的视图的个数。**