ExpandableListView 的简单使用
简单的来说，它是一种用于滚动的展示的两级列表视图。也就是ListView的二级选择加强版这种。一种用于垂直滚动展示两级列表的视图，和 ListView 的不同之处就是它可以展示两级列表，分组可以单独展开显示子选项。这些选项的数据是通过 ExpandableListAdapter 关联的。
这个 ExpandableListAdapter 又是什么呢？和 ListView 使用的 BaseAdapter 差不多，都是用来给 View 提供数据、 实例化子布局的。
实现过程:
1. 创建布局
<ExpandableListView
android:id="@+id/frat2_expand_list"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ExpandableListView>
一级列表
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/frag2_expand_parent_item"
android:layout_width="match_parent"
android:layout_height="50dp"
android:gravity="center_vertical"
android:paddingBottom="8dp"
android:paddingLeft="32dp"
android:textSize="25dp"
android:text=" "
android:textColor="#000"
tools:ignore="HardcodedText,RtlHardcoded,RtlSymmetry,SpUsage" />
二级列表
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="50dp"
android:paddingTop="8dp"
android:paddingBottom="8dp"
android:orientation="horizontal">
<RelativeLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1">
<ImageView
android:id="@+id/frag2_child_image"
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/bus_2"
android:layout_marginLeft="100dp"/>
<TextView
android:id="@+id/frag2_child_tv1"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text="1号（101人）"
android:textSize="25sp"
android:layout_toRightOf="@id/frag2_child_image"/>
<TextView
android:id="@+id/frag2_child_tv2"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_toRightOf="@id/frag2_child_tv1"
android:text="5分钟到达"
android:textSize="25sp"
android:layout_marginLeft="50dp"
/>
</RelativeLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:gravity="center"
android:layout_weight="1">
<TextView
android:id="@+id/frag2_child_tv3"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text="距站台1000米"
android:textSize="25sp"/>
</LinearLayout>
</LinearLayout>
2. 加载控件，编写要显示数据到的base类
public class Frag2_Data {
private String stand;
private String carCode;
private String Per_num;
private String time;
private String distance;
public Frag2_Data(String stand, String carCode, String per_num, String time, String distance) {
this.stand = stand;
this.carCode = carCode;
Per_num = per_num;
this.time = time;
this.distance = distance;
}
public String getStand() {
return stand;
}
public void setStand(String stand) {
this.stand = stand;
}
public String getCarCode() {
return carCode;
}
public void setCarCode(String carCode) {
this.carCode = carCode;
}
public String getPer_num() {
return Per_num;
}
public void setPer_num(String per_num) {
Per_num = per_num;
}
public String getTime() {
return time;
}
public void setTime(String time) {
this.time = time;
}
public String getDistance() {
return distance;
}
public void setDistance(String distance) {
this.distance = distance;
}
}
3，设置数据
private void init(View view) {
expandableListView = view.findViewById(R.id.frat2_expand_list);
expandableListView.setAdapter(new Frag2_ExpandableAdapter(getContext(),maps));
}
private void getData() {
for (int i = 0; i <= 1; i++) {
Frag2_Data frag2Data = new Frag2_Data("中医院站",
(i+1)+"号","("+101+"人)",
6+"分钟到达","距离站台"+(1000+i*5)+"米");
map.put(i,frag2Data);
}
maps.put(0,map);
map = new HashMap<>();
for (int i = 0; i <= 1; i++) {
Frag2_Data frag2Data = new Frag2_Data("联想大厦站",
(i+1)+"号","("+101+"人)",
6+"分钟到达","距离站台"+(8000-i*8)+"米");
map.put(i,frag2Data);
}
maps.put(1,map);
}
设置了两个Map，map里面存的是 对象，第二个maps里面存的是第一个map，这每个maps里面的map都对应着一个 数据项.
4,设置适配器
package com.mad.trafficclient.adapter;
import android.annotation.SuppressLint;
import android.content.Context;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;
import com.mad.trafficclient.R;
import com.mad.trafficclient.base.Frag2_Data;
import java.util.Map;
public class Frag2_ExpandableAdapter extends BaseExpandableListAdapter {
private Context context ;
Map<Integer,Map<Integer,Frag2_Data> > maps;
Map<Integer,Frag2_Data> map ;
public Frag2_ExpandableAdapter(Context context, Map<Integer,Map<Integer,Frag2_Data>> maps){
this.maps = maps;
}
//获取分组的个数
@Override
public int getGroupCount() {
return maps.size();
}
//获取分组中每个子选项的 个数
@Override
public int getChildrenCount(int groupPosition) {
return maps.get(groupPosition).size();
}
//获取指定分组的数据
@Override
public Object getGroup(int groupPosition) {
return maps.get(groupPosition);
}
//获取指定分组的指定子选项数据
@Override
public Object getChild(int groupPosition, int childPosition) {
return maps.get(groupPosition).get(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;
}
/**
*获取显示指定组 的视图对象
* @param groupPosition 组的位置
* @param isExpanded 该组是展开还是伸缩状态
* @param convertView 重用已有的 视图对象
* @param parent 返回的视图对象始终依附于 的视图组
* @return 返回View
*/
//获取显示指定分组的 视图
@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
if (convertView == null){
convertView = View.inflate(parent.getContext(), R.layout.frag2_expand_partent_item,null);
}
TextView textView = convertView.findViewById(R.id.frag2_expand_parent_item);
textView.setText(maps.get(groupPosition).get(0).getStand());
return convertView;
}
/**
*获取一个视图对象，显示指定组中的指定元素数据
* @param groupPosition 组的位置
* @param childPosition 子元素的位置
* @param isLastChild 子元素是否处于组中的最后一个
* @param convertView 重用已有的视图View
* @param parent 返回的视图对象始终依附于视图组
* @return 返回View
*/
// 获取的显示给定分组给定子位置的数据用的视图
@SuppressLint("SetTextI18n")
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
map = maps.get(groupPosition);
if (convertView == null){
convertView = View.inflate(parent.getContext(),R.layout.frag2_expandable_child_item,null);
}
TextView tv1 = convertView.findViewById(R.id.frag2_child_tv1);
TextView tv2 = convertView.findViewById(R.id.frag2_child_tv2);
TextView tv3 = convertView.findViewById(R.id.frag2_child_tv3);
tv1.setText(map.get(childPosition).getCarCode()+""
+map.get(childPosition).getPer_num());
tv2.setText(map.get(childPosition).getTime());
tv3.setText(map.get(childPosition).getDistance());
return convertView;
}
//指定位置上的子元素 是否可选中
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}
}
适配器里面方法的作用已经加了注释。其实不难理解。主要就是给适配器传递数据的时候，一定要注意设置数据的方式。每一个标题对应着好几个子选项。我装数据的方式是使用两个map集合，先把子选项据的数据装好，然后把这个map集合给第二个maps。第二个maps里面对应着多个map.这样一个maps里面装的每个map就对应着一个子选项。
效果如下：
当然了，装数据也有好多种办法。这里就看你自己的习惯了。=
如有错误，还请指出，谢谢！