用户界面 View（十）（转载）

向右看齐 2021-11-10 04:14 219阅读 0赞

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

本讲源代码下载：   ![zip.gif][]   [Lesson43\_ExpandableListView1.zip][Lesson43_ExpandableListView1.zip] *(42.54 KB, 下载次数: 92)*

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

[![1.png][]][1.png 1]

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

[![2.png][]][2.png 1]

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

[![3.png][]][3.png 1]

下面我们来看代码：

1、新建一个项目 Lesson43\_ExpandableListView

2、main.xml 的内容如下：

1.  <?xml version="1.0" encoding="utf-8"?>
2.  <linearlayout [android][]:layout\_height="fill\_parent" android:layout\_width="fill\_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android">
3.          <expandablelistview android:layout\_height="wrap\_content" android:layout\_width="match\_parent" android:id="@id/android:list">
4.          </expandablelistview>
5.  </linearlayout>

*复制代码*

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

1.  package basic.android.lesson43;
2.  
3.  import java.util.ArrayList;
4.  import java.util.HashMap;
5.  import java.util.List;
6.  import java.util.Map;
7.  
8.  import android.app.ExpandableListActivity;
9.  import android.os.Bundle;
10. import android.view.View;
11. import android.widget.ExpandableListView;
12. import android.widget.SimpleExpandableListAdapter;
13. import android.widget.Toast;
14. 
15. public class MainActivity extends ExpandableListActivity \{
16. 
17.         @Override
18.         public void onCreate(Bundle savedInstanceState) \{
19.                 super.onCreate(savedInstanceState);
20.                 setContentView(R.layout.main);
21. 
22.                 // 准备顶层列表数据
23.                 List
24. <map string=""><string ,="">> topList = new ArrayList</string></map>
25. <map string=""><string ,="">>();
26. 
27.                 Map</string><string string="" ,=""> topMap1 = new HashMap</string><string string="" ,="">();
28.                 Map</string><string string="" ,=""> topMap2 = new HashMap</string><string string="" ,="">();
29.                 topMap1.put("month", "三月测评项");
30.                 topMap2.put("month", "四月测评项");
31.                 topList.add(topMap1);
32.                 topList.add(topMap2);
33. 
34.                 // 准备二层列表数据
35.                 List
36. <list string="">
37. <map><string ,="">>> nestList = new ArrayList</string></map>
38. </list>
39. <list string="">
40. <map><string ,="">>>();
41. 
42.                 // 准备二层列表第一个子列表数据
43.                 List
44. <map string=""><string ,="">> nestList1 = new ArrayList</string></map>
45. <map string=""><string ,="">>();
46.                 Map</string><string string="" ,=""> nestMap1 = new HashMap</string><string string="" ,="">();
47.                 Map</string><string string="" ,=""> nestMap2 = new HashMap</string><string string="" ,="">();
48.                 Map</string><string string="" ,=""> nestMap3 = new HashMap</string><string string="" ,="">();
49.                 nestMap1.put("test", "看手");
50.                 nestMap2.put("test", "吃手");
51.                 nestMap3.put("test", "玩手");
52.                 nestList1.add(nestMap1);
53.                 nestList1.add(nestMap2);
54.                 nestList1.add(nestMap3);
55. 
56.                 // 准备二层列表第二个子列表数据
57.                 List
58. <map string=""><string ,="">> nestList2 = new ArrayList</string></map>
59. <map string=""><string ,="">>();
60.                 Map</string><string string="" ,=""> nestMap4 = new HashMap</string><string string="" ,="">();
61.                 Map</string><string string="" ,=""> nestMap5 = new HashMap</string><string string="" ,="">();
62.                 nestMap4.put("test", "翻身");
63.                 nestMap5.put("test", "辨别声音来源方位");
64.                 nestList2.add(nestMap4);
65.                 nestList2.add(nestMap5);
66. 
67.                 // 把子列表数据放入
68.                 nestList.add(nestList1);
69.                 nestList.add(nestList2);
70. 
71.                 // 准备数据匹配器
72.                 SimpleExpandableListAdapter adapter = new SimpleExpandableListAdapter(
73.                                 this, //1.上下文
74.                                 topList, //2.顶层数据列表
75.                                 android.R.layout.simple\_expandable\_list\_item\_1, // 3.一层显示样式
76.                                 new String\[\]\{"month"\}, //4.顶层map的键
77.                                 new int\[\]\{android.R.id.text1\}, // 5.顶层数据显示的View ID
78.                                 nestList, //6.二层数据列表
79.                                 android.R.layout.simple\_list\_item\_1, //7.二层显示样式
80.                                 new String\[\]\{"test"\}, //8.二层map的键
81.                                 new int\[\]\{android.R.id.text1\} //9.二层数据显示的View ID
82.                                 );
83. 
84.                 //设置数据匹配器
85.                 this.setListAdapter(adapter);
86. 
87.         \}
88. 
89.         @Override
90.         public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) \{
91.                 Toast.makeText(this, "嵌套列表被点击，顶层列表定位"+groupPosition+"二层列表定位"+childPosition, Toast.LENGTH\_LONG).show();
92.                 return super.onChildClick(parent, v, groupPosition, childPosition, id);
93.         \}
94. 
95.         @Override
96.         public void onGroupCollapse(int groupPosition) \{
97.                 Toast.makeText(this, "顶层列表收缩，列表定位"+groupPosition, Toast.LENGTH\_LONG).show();
98.                 super.onGroupCollapse(groupPosition);
99.         \}
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>
114.

*复制代码*

4、编译并运行程序即可看到上面的效果。那么本节课就到这里了， [Android][android]中很多内容就像本节的ExpandableListView一样讨厌，来,我们一起鄙视一下^\_^

转自： [http://www.apkbus.com/android-1129-1-1.html][http_www.apkbus.com_android-1129-1-1.html]

转载于:https://www.cnblogs.com/jyan/articles/2536933.html

[zip.gif]: http://www.apkbus.com/static/image/filetype/zip.gif
[Lesson43_ExpandableListView1.zip]: http://www.apkbus.com/forum.php?mod=attachment&aid=MTYzNXwyYzZkNDlkNXwxMzM4ODg2MDk2fDB8MTEyOQ%3D%3D
[1.png]: http://www.apkbus.com/data/attachment/forum/201104/29/175628k8wluxezwrreorer.png
[1.png 1]: http://android.yaohuiji.com/wp-content/uploads/2011/03/image17.png
[2.png]: http://www.apkbus.com/data/attachment/forum/201104/29/1756321tq63qsqeh6344zq.png
[2.png 1]: http://android.yaohuiji.com/wp-content/uploads/2011/03/image18.png
[3.png]: http://www.apkbus.com/data/attachment/forum/201104/29/1756256n7nlf7866wnn60n.png
[3.png 1]: http://android.yaohuiji.com/wp-content/uploads/2011/03/image19.png
[android]: http://www.apkbus.com/
[http_www.apkbus.com_android-1129-1-1.html]: http://www.apkbus.com/android-1129-1-1.html