Android开发之ExpandableListView扩展（BaseExpandableListAdapter的使用）（完整版）

 上一篇文章中谈到之前的代码中有一个问题。http://blog.csdn.net/benw1988/article/details/6871244

“程序本身还存在问题，checkbox在点击修改了状态之后，缩小组，在展开组，checkbox的状态会还原。

这是因为，在点击展开时，会重新调用getChildView函数，于是子列表的中的数据重新初始化了。所以数据就还原了。

因此，这个位置的代码还需要修改。才能满足要求。”

这一次修改之后，解决了这个问题，当然对源代码进行了一些修改。

在ExpandableListActivity中的onChildClick事件中进行了部分操作。

CheckBox c = (CheckBox) v.getTag();
c.toggle();
adapter.updateChildData(groupPosition, childPosition);
return super.onChildClick(parent, v, groupPosition, childPosition, id);

首先得到在Adapter中标记的Checkbox。（View中的setTag(Onbect)表示给View添加一个格外的数据，以后可以用getTag()将这个数据取出来。）

然后设置Checkbox点击。

然后再修改adapter中的ChildData也就是子列表里数据。所以，相应的在Adapter中也进行了修改：

private void bindChildView(View view, Map<String, ?> data, String[] from,
			int[] to) {
		TextView v = (TextView) view.findViewById(to[0]);
		if (v != null) {
			v.setText((String) data.get(from[0]));
		}
		CheckBox c = (CheckBox) view.findViewById(to[1]);
		// View中的setTag(Onbect)表示给View添加一个格外的数据，以后可以用getTag()将这个数据取出来。
		view.setTag(c);
		if (c != null) {
			if (data.get(from[1]).equals(0)) {
				c.setChecked(true);
			} else {
				c.setChecked(false);
			}
		}
	}

updateChildData函数如下：

public void updateChildData(int groupPosition, int childPosition) {
		int checked = (Integer) mChildData.get(groupPosition)
				.get(childPosition).get("childCheckBox");
		mChildData.get(groupPosition).get(childPosition)
				.remove("childCheckBox");
		if (checked == 0) {
			mChildData.get(groupPosition).get(childPosition)
					.put("childCheckBox", 1);
		} else if (checked == 1) {
			mChildData.get(groupPosition).get(childPosition)
					.put("childCheckBox", 0);
		}
	}

因为使用的是Map，不能直接修改里面的数据，所以先获取Map中childCheckBox里面的值

然后删除这个映射，根据原来的这个值，重新添加一个新的映射进去。

为了可以让Activity中的onChildClick事件得到响应，我们需要将Checkbox的焦点去掉。

在childs.xml的CheckBox中加入三个属性：

android:clickable="false"

android:focusable="false"

android:focusableInTouchMode="false"

 

这样之后，就可以解决上面说的那个问题。

layout/main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" 
	android:layout_width="fill_parent"
	android:layout_height="fill_parent">
	<ExpandableListView 
		android:id="@id/android:list"
		android:layout_width="fill_parent" 
		android:layout_height="fill_parent">
	</ExpandableListView>
	<TextView 
		android:layout_width="fill_parent"
		android:layout_height="fill_parent" 
		android:id="@id/android:empty"
		android:text="No Data" />
</LinearLayout>

layout/groups.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" 
	android:layout_width="match_parent"
	android:layout_height="match_parent">
	<TextView 
		android:id="@+id/groupTextView"
		android:layout_width="fill_parent"
		android:layout_height="fill_parent" 
		android:textSize="25sp" 
		android:paddingLeft="35px" 
		android:paddingTop="10px"
		android:paddingRight="5px" 
		android:paddingBottom="10px" 
		android:text="No Data" />
</LinearLayout>

layout/childs.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent">
	<TextView 
		android:id="@+id/childTextView"
		android:layout_width="wrap_content"
		android:layout_height="match_parent"
		android:layout_alignParentLeft="true"
		android:textSize="22sp"
		android:layout_marginLeft="30dip"
		android:layout_marginTop="5dip"
		android:text="No Data" />
	<CheckBox 
		android:id="@+id/childCheckBox"
		android:layout_width="wrap_content"
		android:layout_height="match_parent"
		android:layout_alignParentRight="true"
		android:layout_marginLeft="50dip"
		android:clickable="false"
		android:focusable="false"
		android:focusableInTouchMode="false"/>
</RelativeLayout>

主类：ExpandableListViewActivity.java

package com.zeph.android.expandablelistview.example;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.ExpandableListActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.CheckBox;
import android.widget.ExpandableListView;

public class ExpandableListViewActivity extends ExpandableListActivity {
	private MyExpandableListViewAdapter adapter;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		// 创建两个一级条目标题
		List<Map<String, String>> groupData = new ArrayList<Map<String, String>>();
		Map<String, String> groupData1 = new HashMap<String, String>();
		groupData1.put("groupTextView", "新闻");// group对应layout中的id：group
		Map<String, String> groupData2 = new HashMap<String, String>();
		groupData2.put("groupTextView", "科技");
		groupData.add(groupData1);
		groupData.add(groupData2);

		// 创建第一个一级条目下的的二级条目
		List<Map<String, Object>> child1 = new ArrayList<Map<String, Object>>();
		Map<String, Object> childData1 = new HashMap<String, Object>();

		childData1.put("childTextView", "网易头条新闻");// 同理
		childData1.put("childCheckBox", 0);// 同理
		Map<String, Object> childData2 = new HashMap<String, Object>();
		childData2.put("childTextView", "凤凰网新闻");
		childData2.put("childCheckBox", 0);
		child1.add(childData1);
		child1.add(childData2);

		// 创建第二个一级条目下的的二级条目
		List<Map<String, Object>> child2 = new ArrayList<Map<String, Object>>();
		Map<String, Object> childData3 = new HashMap<String, Object>();

		childData3.put("childTextView", "TechWeb");
		childData3.put("childCheckBox", 1);
		Map<String, Object> childData4 = new HashMap<String, Object>();
		childData4.put("childTextView", "月光博客");
		childData4.put("childCheckBox", 1);
		child2.add(childData3);
		child2.add(childData4);

		// 将二级条目放在一个集合里，供显示时使用
		List<List<Map<String, Object>>> childData = new ArrayList<List<Map<String, Object>>>();
		childData.add(child1);
		childData.add(child2);
		adapter = new MyExpandableListViewAdapter(getApplicationContext(),
				groupData, R.layout.groups, new String[] { "groupTextView" },
				new int[] { R.id.groupTextView }, childData, R.layout.childs,
				new String[] { "childTextView", "childCheckBox" }, new int[] {
						R.id.childTextView, R.id.childCheckBox });
		setListAdapter(adapter);
	}

	/**
	 * 设置哪个二级目录被默认选中
	 */
	@Override
	public boolean setSelectedChild(int groupPosition, int childPosition,
			boolean shouldExpandGroup) {
		// do something
		return super.setSelectedChild(groupPosition, childPosition,
				shouldExpandGroup);
	}

	/**
	 * 设置哪个一级目录被默认选中
	 */
	@Override
	public void setSelectedGroup(int groupPosition) {
		// do something
		super.setSelectedGroup(groupPosition);
	}

	/**
	 * 当二级条目被点击时响应
	 */
	@Override
	public boolean onChildClick(ExpandableListView parent, View v,
			int groupPosition, int childPosition, long id) {
		CheckBox c = (CheckBox) v.getTag();
		c.toggle();
		adapter.updateChildData(groupPosition, childPosition);
		return super.onChildClick(parent, v, groupPosition, childPosition, id);
	}
}

 

Adapter:MyExpandableListViewAdapter.java

package com.zeph.android.expandablelistview.example;

import java.util.List;
import java.util.Map;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.CheckBox;
import android.widget.TextView;

/**
 * 首个List对应子元素中所代表的组，第二个List对应孙子元素在子元素组中的位置. Map亦将支持这样的特殊元素。（子元素嵌套组元素的情况）
 * 将XML文件中定义的静态数据映射到组及其视图的简单的适配器. 你可以用 Map的列表，为组指定其后台数据。每个数组元素对应一个可展开列表的一个组。
 * Maps 包含每行的数据。你还可以指定 XML 文件来定义用于显示组的视图， 并通过 Map 的键值映射到指定的视图。该过程适用于组的子元素。
 * 单级以外的可展开列表的后台数据类型为List<List<Map>>，
 * 第一级列表对应可扩展视图组中的组视图，第二级列表对应组的子组视图， 最后 Map 保持子组视图的子视图的数据。
 * 
 * @author BenZeph （以下代码和注释均参考了工具屋，网址：http://code.google.com/p/toolib/）
 */
public class MyExpandableListViewAdapter extends BaseExpandableListAdapter {

	private List<? extends Map<String, ?>> mGroupData;
	private int mExpandedGroupLayout;
	private int mCollapsedGroupLayout;
	private String[] mGroupFrom;
	private int[] mGroupTo;

	private List<? extends List<? extends Map<String, Object>>> mChildData;
	private int mChildLayout;
	private int mLastChildLayout;
	private String[] mChildFrom;
	private int[] mChildTo;

	private LayoutInflater mInflater;

	/**
	 * 调用另外一个构造函数，其中From和To的含义和不同的ListView相同，
	 * 可以参考ListView或者SimpleExpandableListViewAdapter
	 * 
	 * @param context
	 * @param groupData
	 * @param groupLayout
	 * @param groupFrom
	 * @param groupTo
	 * @param childData
	 * @param childLayout
	 * @param childFrom
	 * @param childTo
	 */
	public MyExpandableListViewAdapter(Context context,
			List<? extends Map<String, ?>> groupData, int groupLayout,
			String[] groupFrom, int[] groupTo,
			List<? extends List<? extends Map<String, Object>>> childData,
			int childLayout, String[] childFrom, int[] childTo) {
		this(context, groupData, groupLayout, groupLayout, groupFrom, groupTo,
				childData, childLayout, childLayout, childFrom, childTo);
	}

	/**
	 * 
	 * @param context
	 * @param groupData
	 * @param expandedGroupLayout
	 * @param collapsedGroupLayout
	 * @param groupFrom
	 * @param groupTo
	 * @param childData
	 * @param childLayout
	 * @param lastChildLayout
	 * @param childFrom
	 * @param childTo
	 */
	public MyExpandableListViewAdapter(Context context,
			List<? extends Map<String, ?>> groupData, int expandedGroupLayout,
			int collapsedGroupLayout, String[] groupFrom, int[] groupTo,
			List<? extends List<? extends Map<String, Object>>> childData,
			int childLayout, int lastChildLayout, String[] childFrom,
			int[] childTo) {
		mGroupData = groupData;
		mExpandedGroupLayout = expandedGroupLayout;
		mCollapsedGroupLayout = collapsedGroupLayout;
		mGroupFrom = groupFrom;
		mGroupTo = groupTo;
		mChildData = childData;
		mChildLayout = childLayout;
		mLastChildLayout = lastChildLayout;
		mChildFrom = childFrom;
		mChildTo = childTo;
		mInflater = (LayoutInflater) context
				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
	}

	@Override
	public Object getChild(int groupPosition, int childPosition) {
		// 取得与指定分组、指定子项目关联的数据。
		return mChildData.get(groupPosition).get(childPosition);
	}

	@Override
	public long getChildId(int groupPosition, int childPosition) {
		// 取得给定分组中给定子视图的ID。 该组ID必须在组中是唯一的。组合的ID （参见getCombinedGroupId(long)）
		// 必须不同于其他所有ID（分组及子项目的ID）。
		return childPosition;
	}

	@Override
	public View getChildView(int groupPosition, int childPosition,
			boolean isLastChild, View convertView, ViewGroup parent) {
		// 取得显示给定分组给定子位置的数据用的视图。
		View v;
		if (convertView == null) {
			v = newChildView(isLastChild, parent);
		} else {
			v = convertView;
		}
		bindChildView(v, mChildData.get(groupPosition).get(childPosition),
				mChildFrom, mChildTo);
		return v;
	}

	@Override
	public int getChildrenCount(int groupPosition) {
		// 取得指定分组的子元素数。
		return mChildData.get(groupPosition).size();
	}

	@Override
	public Object getGroup(int groupPosition) {
		// 取得与给定分组关联的数据。
		return mGroupData.get(groupPosition);
	}

	@Override
	public int getGroupCount() {
		// 取得分组数
		return mChildData.size();
	}

	@Override
	public long getGroupId(int groupPosition) {
		// 取得指定分组的ID。该组ID必须在组中是唯一的。组合的ID （参见getCombinedGroupId(long)）
		// 必须不同于其他所有ID（分组及子项目的ID）。
		return groupPosition;
	}

	@Override
	public View getGroupView(int groupPosition, boolean isExpanded,
			View convertView, ViewGroup parent) {
		// 取得用于显示给定分组的视图。 这个方法仅返回分组的视图对象， 要想获取子元素的视图对象，
		// 就需要调用 getChildView(int, int, boolean, View, ViewGroup)。
		View v;
		if (convertView == null) {
			v = newGroupView(isExpanded, parent);
		} else {
			v = convertView;
		}
		bindGroupView(v, mGroupData.get(groupPosition), mGroupFrom, mGroupTo);
		return v;
	}

	@Override
	public boolean hasStableIds() {
		// 是否指定分组视图及其子视图的ID对应的后台数据改变也会保持该ID。
		return true;
	}

	@Override
	public boolean isChildSelectable(int groupPosition, int childPosition) {
		// 指定位置的子视图是否可选择。
		return true;
	}

	/**
	 * 创建新的组视图
	 * 
	 * @param isExpanded
	 * @param parent
	 * @return
	 */
	public View newGroupView(boolean isExpanded, ViewGroup parent) {
		return mInflater.inflate((isExpanded) ? mExpandedGroupLayout
				: mCollapsedGroupLayout, parent, false);
	}

	/**
	 * 创建新的子视图
	 * 
	 * @param isLastChild
	 * @param parent
	 * @return
	 */
	public View newChildView(boolean isLastChild, ViewGroup parent) {
		return mInflater.inflate((isLastChild) ? mLastChildLayout
				: mChildLayout, parent, false);
	}

	/**
	 * 绑定组数据
	 * 
	 * @param view
	 * @param data
	 * @param from
	 * @param to
	 */
	private void bindGroupView(View view, Map<String, ?> data, String[] from,
			int[] to) {
		// 绑定组视图的数据，针对Group的Layout都是TextView的情况
		int len = to.length;
		for (int i = 0; i < len; i++) {
			TextView v = (TextView) view.findViewById(to[i]);
			if (v != null) {
				v.setText((String) data.get(from[i]));
			}
		}
	}

	/**
	 * 绑定子数据
	 * 
	 * @param view
	 * @param data
	 * @param from
	 * @param to
	 */
	private void bindChildView(View view, Map<String, ?> data, String[] from,
			int[] to) {
		TextView v = (TextView) view.findViewById(to[0]);
		if (v != null) {
			v.setText((String) data.get(from[0]));
		}
		CheckBox c = (CheckBox) view.findViewById(to[1]);
		// View中的setTag(Onbect)表示给View添加一个格外的数据，以后可以用getTag()将这个数据取出来。
		view.setTag(c);
		if (c != null) {
			if (data.get(from[1]).equals(0)) {
				c.setChecked(true);
			} else {
				c.setChecked(false);
			}
		}
	}

	public void updateChildData(int groupPosition, int childPosition) {
		int checked = (Integer) mChildData.get(groupPosition)
				.get(childPosition).get("childCheckBox");
		mChildData.get(groupPosition).get(childPosition)
				.remove("childCheckBox");
		if (checked == 0) {
			mChildData.get(groupPosition).get(childPosition)
					.put("childCheckBox", 1);
		} else if (checked == 1) {
			mChildData.get(groupPosition).get(childPosition)
					.put("childCheckBox", 0);
		}
	}
}

这里就不上图了。效果是一样的。