Android-UI控件-ExpandableListView

ExpandableListView

一种用于垂直滚动展示两级列表的视图，和 ListView 的不同之处就是它可以展示两级列表，分组可以单独展开显示子选项。这些选项的数据是通过 ExpandableListAdapter 关联的。

实现ExpandableAdapter的方式:
1.使用SimpleExpandableListAdapter将两个List集合包装成ExpandableAdapter
2.扩展BaseExpandableListAdapter实现ExpandableAdapter

SimpleExpandableListAdapter的构造函数
public SimpleExpandableListAdapter(Contextcontext,List<? extends Map

参数
1.context 与SimpleExpandableListAdapter关联的ExpandableListView的上下文。
2.groupData 一个Maps列表(List)。集合中的每个字典项与可折叠列表中的每个组元素一致。字典项提供了组元素包含的所有数据，并包含所有在"groupFrom"中指定的记录。
3.groupLayout 显示组元素的资源文件。该资源文件定义了如何显示组元素。该布局文件必须至少包括groupTo中所定义的View。(即groupTo中的View id数组必须都在该布局文件中找到)
4.groupFrom 一个键值列表。对应与组相关联的Map中的键值。
5.grouptTo 组View应当显示groupFrom参数中的所有列数据。这些数据应当都用TextView来显示。列表中的前N个View从前N个groupFrom参数获得列元素的数据。
6.childData 一个Map列表的列表。外部列表中的每个实体对应一个组(按照组的位置编号)。在内部列表的每个实体对应某个组的子元素(按照子元素的位置编号)。该 Map对应了子元素的数据(按照childFrom数组中的值编号)。该Map包含了每个子元素的数据，并且应当包括所有在childFrom中指定的 实体。
7.childLayout 显示子元素的资源文件。该资源文件定义了如何显示子元素。布局文件至少应该包括所有在childTo中定义的View。(即childTo中的view id数组必须都在该布局文件中找到)
8.childFrom 定义显示子元素的列名。该列名与childData中的子元素属性（字典键值）对应。
9.childTo 子View应当显示childFrom参数中的所有列数据。这些数据应当都用TextView来显示。列表中的前N个View从前N个childFrom参数获得列元素的数据。

定义布局文件，指定必要的属性

定义要显示的数据，分组的数据是个一维数组，子列表的数据是个二维数组
public String[] groupStrings = {“西游记”, “水浒传”, “三国演义”, “红楼梦”};
public String[][] childStrings = {
{“唐三藏”, “孙悟空”, “猪八戒”, “沙和尚”},
{“宋江”, “林冲”, “李逵”, “鲁智深”},
{“曹操”, “刘备”, “孙权”, “诸葛亮”, “周瑜”},
{“贾宝玉”, “林黛玉”, “薛宝钗”, “王熙凤”}
};

定义分组的视图和子选项的视图，这里就用最简单的 TextView，显示文字数据
下面是分组的视图，因为分组项左边要显示 Indicator 的缘故，所以这里加上了给 TextView 加上了内边距。子选项的视图也是一个 TextView，

自定义适配器，需要继承 BaseExpandableListAdapter 抽象类，重写相关的方法，代码中没贴出来的提供默认实现就好了。
// 获取分组的个数
@Override
public int getGroupCount() {
return groupStrings.length;
}

//        获取指定分组中的子选项的个数
@Override
public int getChildrenCount(int groupPosition) {
    return childStrings[groupPosition].length;
}

//        获取指定的分组数据
@Override
public Object getGroup(int groupPosition) {
    return groupStrings[groupPosition];
}

//        获取指定分组中的指定子选项数据
@Override
public Object getChild(int groupPosition, int childPosition) {
    return childStrings[groupPosition][childPosition];
}

//        获取指定分组的ID, 这个ID必须是唯一的
@Override
public long getGroupId(int groupPosition) {
    return groupPosition;
}

//        获取子选项的ID, 这个ID必须是唯一的
@Override
public long getChildId(int groupPosition, int childPosition) {
    return childPosition;
}

//        分组和子选项是否持有稳定的ID, 就是说底层数据的改变会不会影响到它们。
@Override
public boolean hasStableIds() {
    return true;
}
//        获取显示指定分组的视图
@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
    GroupViewHolder groupViewHolder;
    if (convertView == null) {
        convertView = LayoutInflater.from(MainActivity.this).inflate(R.layout.item_expand_group, parent, false);
        groupViewHolder = new GroupViewHolder();
        groupViewHolder.tvTitle = (TextView) convertView.findViewById(R.id.label_expand_group);
        convertView.setTag(groupViewHolder);
    } else {
        groupViewHolder = (GroupViewHolder) convertView.getTag();
    }
    groupViewHolder.tvTitle.setText(groupStrings[groupPosition]);
    return convertView;
}

//        获取显示指定分组中的指定子选项的视图
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
    ChildViewHolder childViewHolder;
    if (convertView == null) {
        convertView = LayoutInflater.from(MainActivity.this).inflate(R.layout.item_expand_child, parent, false);
        childViewHolder = new ChildViewHolder();
        childViewHolder.tvTitle = (TextView) convertView.findViewById(R.id.label_expand_child);
        convertView.setTag(childViewHolder);
    } else {
        childViewHolder = (ChildViewHolder) convertView.getTag();
    }
    childViewHolder.tvTitle.setText(childStrings[groupPosition][childPosition]);
    return convertView;
}

//        指定位置上的子元素是否可选中
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
    return true;
} 

static class GroupViewHolder {
    TextView tvTitle;
}
static class ChildViewHolder {
    TextView tvTitle;

}

为 ExpandableListView 设置适配器
expandableListView.setAdapter(new MyExpandableListAdapter());

对于处理 Item 的点击事件，还是要设置监听器，常用的有这几类：
setOnChildClickListener
setOnGroupClickListener
setOnGroupCollapseListener
setOnGroupExpandListener

通过方法名我们就能知道各自的用途，它们分别设置单击子选项、单击分组项、分组合并、分组展开的监听器。
// 设置分组项的点击监听事件
expandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
@Override
public boolean onGroupClick(ExpandableListView expandableListView, View view, int i, long l) {
Toast.makeText(getApplicationContext(), groupStrings[i], Toast.LENGTH_SHORT).show();
// 请务必返回 false，否则分组不会展开
return false;
}
// 设置子选项点击监听事件
expandableListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
Toast.makeText(getApplicationContext(), childStrings[groupPosition][childPosition], Toast.LENGTHshow();
return true;
}
});