Android ExpandableListView开发简介



Android ExpandableListView开发简介

我之前写了一些文章是关于实现带有分组、标签的“ListView”：
（文章1）《类似通讯录分组的Android PinnedSectionListView，且分组标签悬停滑入滑出》文章链接：http://blog.csdn.net/zhangphil/article/details/47144125
（文章2）《Android基于PinnedSectionListView实现联系人通讯录》文章链接：http://blog.csdn.net/zhangphil/article/details/47271741
（文章3）《Android ListView Adapter的getItemViewType和getViewTypeCount多种布局》文章链接：http://blog.csdn.net/zhangphil/article/details/46984367
文章1、2所使用的技术，通常会在一些社交类的APP开发中涉及。社交类APP中一些重要的功能模块是通讯录、联系人、好友等等这些，一般不仅要把这些联系人、好友在一个ListView里面显示出来，同时还要分组，这种需求，最基础的实现技术手段如文章3中那样可以使用Android ListView本身适配器的getItemViewType和getViewTypeCount实现，也可以使用文章1、2中那样使用开源库实现以达到更好的用户体验。不过Android本身的ExpandableListView也可以实现这样的分组功能，且ExpandableListView自身提供众多的接口，方便二次开发和定制使用。
现给出一个完整的例子加以说明。
测试的主activity MainActivity.java：

package zhangphil.expandablelistview;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import java.util.Random;import android.app.Activity;import android.content.Context;import android.graphics.Color;import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ExpandableListAdapter;import android.widget.ExpandableListView;import android.widget.ExpandableListView.OnGroupClickListener;import android.widget.SimpleExpandableListAdapter;import android.widget.TextView;public class MainActivity extends Activity {private final String GROUP = "group";private final String CHILD = "child";private ArrayList<HashMap<String, Object>> data;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 分组的标签String[] g = { "A", "B", "C", "D", "E", "F" };data = new ArrayList<HashMap<String, Object>>();// 子数据的计数int COUNT = 0;Random rand = new Random();for (int i = 0; i < g.length; i++) {HashMap<String, Object> map = new HashMap<String, Object>();map.put(GROUP, g[i]);ArrayList<String> child = new ArrayList<String>();int c = rand.nextInt(10);// 为每个子List随机生成c个测试数据。for (int j = 0; j < c; j++) {child.add("数据" + COUNT++);}map.put(CHILD, child);data.add(map);}ExpandableListView elv = (ExpandableListView) findViewById(R.id.expandableListView);elv.setGroupIndicator(null);// 这是一个参数为空或者null的ExpandableListAdapter// 构造在子类中完成ExpandableListAdapter mExpandableListAdapter = new MyExpandableListAdapter(this, null, 0, null, null, null, 0,null, null);elv.setAdapter(mExpandableListAdapter);// 演示// 展开0组elv.expandGroup(0);// 收起1组elv.collapseGroup(1);// 展开2组elv.expandGroup(2);elv.setOnGroupClickListener(new OnGroupClickListener() {@Overridepublic boolean onGroupClick(ExpandableListView arg0, View arg1, int arg2, long arg3) {// Android默认是返回false。// 如果返回true，那么，不管是点击已展开的分组还是未展开的分组，都不会相应展开或者收缩的，也就是说这个ExpandableListView将成为一个‘死’的ListViewreturn false;}});}private class MyExpandableListAdapter extends SimpleExpandableListAdapter {private LayoutInflater inflater;public MyExpandableListAdapter(Context context, List<? extends Map<String, ?>> groupData, int groupLayout,String[] groupFrom, int[] groupTo, List<? extends List<? extends Map<String, ?>>> childData,int childLayout, String[] childFrom, int[] childTo) {super(context, groupData, groupLayout, groupFrom, groupTo, childData, childLayout, childFrom, childTo);inflater = LayoutInflater.from(context);}@Overridepublic View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView,ViewGroup parent) {View view = inflater.inflate(android.R.layout.simple_list_item_1, null);TextView text = (TextView) view.findViewById(android.R.id.text1);text.setText(getChild(groupPosition, childPosition) + "");return view;}@Overridepublic int getChildrenCount(int groupPosition) {ArrayList<String> items = (ArrayList<String>) data.get(groupPosition).get(CHILD);return items.size();}@Overridepublic int getGroupCount() {return data.size();}@Overridepublic View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {View view = inflater.inflate(android.R.layout.simple_list_item_1, null);TextView text = (TextView) view.findViewById(android.R.id.text1);text.setText(getGroup(groupPosition) + "");view.setBackgroundColor(Color.RED);return view;}@Overridepublic Object getChild(int groupPosition, int childPosition) {ArrayList<String> items = (ArrayList<String>) data.get(groupPosition).get(CHILD);return items.get(childPosition);}@Overridepublic Object getGroup(int groupPosition) {return data.get(groupPosition).get(GROUP);}}}

MainActivity.java需要的布局文件activity_main.xml：

<RelativeLayout 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"    tools:context="zhangphil.expandablelistview.MainActivity" >    <ExpandableListView        android:id="@+id/expandableListView"        android:layout_width="match_parent"        android:layout_height="match_parent" /></RelativeLayout>

activity_main.xml其实为MainActivity.java布局一个ExpandableListView。另外说一点，在实际的开发中如果场景简单，可以考虑使用和Android ListActivity像类似的Android ExpandableListActivity，这样简单到连布局文件都省去写了。

运行结果如图：