第四十三讲：用户界面 View（十）

本讲内容：ExpandableListView,ExpandableListActivity 可扩展列表 二级列表 手风琴效果accordion

本讲源代码下载：Lesson43_ExpandableListView

ExpandableListView的效果很实用，配置时有那么一点啰嗦，也容易出错，我在这里例子里会尽量去掉所有干扰信息，好让大家使用时容易借鉴。好我们先看一下运行效果：

点击一级列表，展开下一级：

点击二层列表（嵌套的列表）的某一项：

下面我们来看代码：

1、新建一个项目 Lesson43_ExpandableListView

2、main.xml 的内容如下：

view source

print?

1	<?xml version="1.0" encoding="utf-8"?>

2	<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">

3	<expandablelistview android:id="@id/android:list" android:layout_width="match_parent" android:layout_height="wrap_content">

4	</expandablelistview>

5	</linearlayout>

请注意ExpandableListView标签中id的写法是固定的@id/android:list，因为我们这里用的是ExpandableListActivity，而ExpandableListActivity代码里写死了要寻找的UI元素是它，这和我们以前讲的很多特殊的Activity是一样的，这里再稍作提醒。

3、MainActivity.java的代码如下，解释在注释里：

view source

print?

001	package basic.android.lesson43;

002

003	import java.util.ArrayList;

004	import java.util.HashMap;

005	import java.util.List;

006	import java.util.Map;

007

008	import android.app.ExpandableListActivity;

009	import android.os.Bundle;

010	import android.view.View;

011	import android.widget.ExpandableListView;

012	import android.widget.SimpleExpandableListAdapter;

013	import android.widget.Toast;

014

015	public class MainActivity extends ExpandableListActivity {

016

017

@Override

018	public void onCreate(Bundle savedInstanceState) {

019	super.onCreate(savedInstanceState);

020	setContentView(R.layout.main);

021

022	// 准备顶层列表数据

023

List

024	<map string=""><string ,="">> topList = new ArrayList</string></map>

025	<map string=""><string ,="">>();

026

027	Map</string><string string="" ,=""> topMap1 = new HashMap</string><string string="" ,="">();

028	Map</string><string string="" ,=""> topMap2 = new HashMap</string><string string="" ,="">();

029	topMap1.put("month", "三月测评项");

030	topMap2.put("month", "四月测评项");

031	topList.add(topMap1);

032	topList.add(topMap2);

033

034	// 准备二层列表数据

035

List

036	<list string="">

037	<map><string ,="">>> nestList = new ArrayList</string></map>

038

</list>

039	<list string="">

040	<map><string ,="">>>();

041

042	// 准备二层列表第一个子列表数据

043

List

044	<map string=""><string ,="">> nestList1 = new ArrayList</string></map>

045	<map string=""><string ,="">>();

046	Map</string><string string="" ,=""> nestMap1 = new HashMap</string><string string="" ,="">();

047	Map</string><string string="" ,=""> nestMap2 = new HashMap</string><string string="" ,="">();

048	Map</string><string string="" ,=""> nestMap3 = new HashMap</string><string string="" ,="">();

049	nestMap1.put("test", "看手");

050	nestMap2.put("test", "吃手");

051	nestMap3.put("test", "玩手");

052	nestList1.add(nestMap1);

053	nestList1.add(nestMap2);

054	nestList1.add(nestMap3);

055

056	// 准备二层列表第二个子列表数据

057

List

058	<map string=""><string ,="">> nestList2 = new ArrayList</string></map>

059	<map string=""><string ,="">>();

060	Map</string><string string="" ,=""> nestMap4 = new HashMap</string><string string="" ,="">();

061	Map</string><string string="" ,=""> nestMap5 = new HashMap</string><string string="" ,="">();

062	nestMap4.put("test", "翻身");

063	nestMap5.put("test", "辨别声音来源方位");

064	nestList2.add(nestMap4);

065	nestList2.add(nestMap5);

066

067	// 把子列表数据放入

068	nestList.add(nestList1);

069	nestList.add(nestList2);

070

071	// 准备数据匹配器

072	SimpleExpandableListAdapter adapter = new SimpleExpandableListAdapter(

073	this, //1.上下文

074	topList, //2.顶层数据列表

075	android.R.layout.simple_expandable_list_item_1, // 3.一层显示样式

076	new String[]{"month"}, //4.顶层map的键

077	new int[]{android.R.id.text1}, // 5.顶层数据显示的View ID

078	nestList, //6.二层数据列表

079	android.R.layout.simple_list_item_1, //7.二层显示样式

080	new String[]{"test"}, //8.二层map的键

081	new int[]{android.R.id.text1} //9.二层数据显示的View ID

082

);

083

084

//设置数据匹配器

085	this.setListAdapter(adapter);

086

087

}

088

089

@Override

090	public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {

091	Toast.makeText(this, "嵌套列表被点击，顶层列表定位"+groupPosition+"二层列表定位"+childPosition, Toast.LENGTH_LONG).show();

092	return super.onChildClick(parent, v, groupPosition, childPosition, id);

093

}

094

095

@Override

096	public void onGroupCollapse(int groupPosition) {

097	Toast.makeText(this, "顶层列表收缩，列表定位"+groupPosition, Toast.LENGTH_LONG).show();

098	super.onGroupCollapse(groupPosition);

099

}

100

101

@Override

102	public void onGroupExpand(int groupPosition) {

103	Toast.makeText(this, "顶层列表展开，列表定位"+groupPosition, Toast.LENGTH_LONG).show();

104	super.onGroupExpand(groupPosition);

105

}

106

107

}

108	</string></map>

109

110	</string></map>

111

112	</string></map>

113	</list></string></map>

4、编译并运行程序即可看到上面的效果。

那么本节课就到这里了，Android中很多内容就像本节的ExpandableListView一样讨厌，来,我们一起鄙视一下^_^

转自 http://android.yaohuiji.com/archives/2511