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;

	@Override
	protected 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() {

			@Override
			public boolean onGroupClick(ExpandableListView arg0, View arg1, int arg2, long arg3) {
				// Android默认是返回false。
				// 如果返回true，那么，不管是点击已展开的分组还是未展开的分组，都不会相应展开或者收缩的，也就是说这个ExpandableListView将成为一个‘死’的ListView
				return 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);
		}

		@Override
		public 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;
		}

		@Override
		public int getChildrenCount(int groupPosition) {
			ArrayList<String> items = (ArrayList<String>) data.get(groupPosition).get(CHILD);
			return items.size();
		}

		@Override
		public int getGroupCount() {
			return data.size();
		}

		@Override
		public 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;
		}

		@Override
		public Object getChild(int groupPosition, int childPosition) {
			ArrayList<String> items = (ArrayList<String>) data.get(groupPosition).get(CHILD);
			return items.get(childPosition);
		}

		@Override
		public 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，这样简单到连布局文件都省去写了。

运行结果如图：