ExpandableListView 是什么吏廉？
官方給出的解釋是：
A view that shows items in a vertically scrolling two-level list. This differs from the ListView by allowing two levels: groups which can individually be expanded to show its children. The items come from the ExpandableListAdapter associated with this view.
簡(jiǎn)單翻譯一下就是：
一種用于垂直滾動(dòng)展示兩級(jí)列表的視圖望几，和 ListView 的不同之處就是它可以展示兩級(jí)列表囤官，分組可以單獨(dú)展開顯示子選項(xiàng)。這些選項(xiàng)的數(shù)據(jù)是通過 ExpandableListAdapter 關(guān)聯(lián)的堡妒。
這個(gè) ExpandableListAdapter 又是什么呢？和 ListView 使用的 BaseAdapter 差不多，都是用來給 View 提供數(shù)據(jù)析桥、 實(shí)例化子布局的。實(shí)際使用的時(shí)候?qū)崿F(xiàn)這個(gè)接口就可以了艰垂。
了解了這么多泡仗，我們來親自實(shí)戰(zhàn)一下。
- 定義布局文件猜憎，指定必要的屬性娩怎，其他的先不修改。
<ExpandableListView
android:id="@+id/expand_list"
android:layout_width="match_parent"
android:layout_height="match_parent" />
- 定義要顯示的數(shù)據(jù)胰柑，分組的數(shù)據(jù)是個(gè)一維數(shù)組截亦，子列表的數(shù)據(jù)是個(gè)二維數(shù)組。這個(gè)好理解吧柬讨，子列表依附于某個(gè)分組魁巩，本身還有索引，當(dāng)然要定義成二維的姐浮。
public String[] groupStrings = {"西游記", "水滸傳", "三國演義", "紅樓夢(mèng)"};
public String[][] childStrings = {
{"唐三藏", "孫悟空", "豬八戒", "沙和尚"},
{"宋江", "林沖", "李逵", "魯智深"},
{"曹操", "劉備", "孫權(quán)", "諸葛亮", "周瑜"},
{"賈寶玉", "林黛玉", "薛寶釵", "王熙鳳"}
};
- 定義分組的視圖和子選項(xiàng)的視圖谷遂，這里就用最簡(jiǎn)單的 TextView，顯示文字?jǐn)?shù)據(jù)就可以了卖鲤。
下面是分組的視圖肾扰，因?yàn)榉纸M項(xiàng)左邊要顯示 Indicator 的緣故，所以這里加上了給 TextView 加上了內(nèi)邊距蛋逾。子選項(xiàng)的視圖也是一個(gè) TextView集晚，比較簡(jiǎn)單就不貼代碼了。
<TextView
android:id="@+id/label_expand_group"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:background="@android:color/holo_blue_light"
android:paddingLeft="20dp"
android:textColor="@android:color/white"
android:textSize="20sp" />
- 自定義適配器区匣，需要繼承 BaseExpandableListAdapter 抽象類偷拔，重寫相關(guān)的方法，代碼中沒貼出來的提供默認(rèn)實(shí)現(xiàn)就好了。
// 獲取分組的個(gè)數(shù)
@Override
public int getGroupCount() {
return groupStrings.length;
}
// 獲取指定分組中的子選項(xiàng)的個(gè)數(shù)
@Override
public int getChildrenCount(int groupPosition) {
return childStrings[groupPosition].length;
}
// 獲取指定的分組數(shù)據(jù)
@Override
public Object getGroup(int groupPosition) {
return groupStrings[groupPosition];
}
// 獲取指定分組中的指定子選項(xiàng)數(shù)據(jù)
@Override
public Object getChild(int groupPosition, int childPosition) {
return childStrings[groupPosition][childPosition];
}
// 獲取指定分組的ID, 這個(gè)ID必須是唯一的
@Override
public long getGroupId(int groupPosition) {
return groupPosition;
}
// 獲取子選項(xiàng)的ID, 這個(gè)ID必須是唯一的
@Override
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}
// 分組和子選項(xiàng)是否持有穩(wěn)定的ID, 就是說底層數(shù)據(jù)的改變會(huì)不會(huì)影響到它們莲绰。
@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;
}
// 獲取顯示指定分組中的指定子選項(xiàng)的視圖
@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 設(shè)置適配器呀欺旧，一行代碼搞定！
expandableListView.setAdapter(new MyExpandableListAdapter());
- 對(duì)于處理 Item 的點(diǎn)擊事件蛤签，還是要設(shè)置監(jiān)聽器辞友，常用的有這幾類：
- setOnChildClickListener
- setOnGroupClickListener
- setOnGroupCollapseListener
- setOnGroupExpandListener
通過方法名我們就能知道各自的用途，它們分別設(shè)置單擊子選項(xiàng)震肮、單擊分組項(xiàng)称龙、分組合并、分組展開的監(jiān)聽器戳晌。
// 設(shè)置分組項(xiàng)的點(diǎn)擊監(jiān)聽事件
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();
// 請(qǐng)務(wù)必返回 false鲫尊，否則分組不會(huì)展開
return false;
}
// 設(shè)置子選項(xiàng)點(diǎn)擊監(jiān)聽事件
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;
}
});
到現(xiàn)在基本上完成了，我們來看一下運(yùn)行效果~~
效果圖
在下篇文章Android ExpandableListView使用小結(jié)（二）中沦偎，我會(huì)分享有關(guān) ExpandableListView 的 Indicator（指示器）的使用疫向，歡迎各位圍觀～
Demo 地址：點(diǎn)我飛往 GitHub~
