ExpandableListView 的使用

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

这个 ExpandableListAdapter 又是什么呢？和 ListView 使用的 BaseAdapter 差不多，都是用来给 View 提供数据、实例化子布局的。

实现过程:

1. 创建布局

<ExpandableListViewandroid: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"><RelativeLayoutandroid:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"><ImageViewandroid:id="@+id/frag2_child_image"android:layout_width="40dp"android:layout_height="40dp"android:src="@drawable/bus_2"android:layout_marginLeft="100dp"/><TextViewandroid: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"/><TextViewandroid: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><LinearLayoutandroid:layout_width="0dp"android:layout_height="match_parent"android:gravity="center"android:layout_weight="1"><TextViewandroid: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;}//获取分组的个数@Overridepublic int getGroupCount() {return maps.size();}//获取分组中每个子选项的 个数@Overridepublic int getChildrenCount(int groupPosition) {return maps.get(groupPosition).size();}//获取指定分组的数据@Overridepublic Object getGroup(int groupPosition) {return maps.get(groupPosition);}//获取指定分组的指定子选项数据@Overridepublic Object getChild(int groupPosition, int childPosition) {return maps.get(groupPosition).get(childPosition);}//获取指定分组的ID，这个ID必须是唯一的@Overridepublic long getGroupId(int groupPosition) {return groupPosition;}//获取子选项的ID ,这个ID必须是唯一的@Overridepublic long getChildId(int groupPosition, int childPosition) {return childPosition;}//分组和子选项 是否持有稳定的ID，就是说底层数据的改变会不会影响他们@Overridepublic boolean hasStableIds() {return true;}/***获取显示指定组 的视图对象* @param groupPosition 组的位置* @param isExpanded 该组是展开还是伸缩状态* @param convertView 重用已有的 视图对象* @param parent 返回的视图对象始终依附于 的视图组* @return 返回View*///获取显示指定分组的 视图@Overridepublic 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")@Overridepublic 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;}//指定位置上的子元素 是否可选中@Overridepublic boolean isChildSelectable(int groupPosition, int childPosition) {return true;}
}

适配器里面方法的作用已经加了注释。其实不难理解。主要就是给适配器传递数据的时候，一定要注意设置数据的方式。每一个标题对应着好几个子选项。我装数据的方式是使用两个map集合，先把子选项据的数据装好，然后把这个map集合给第二个maps。第二个maps里面对应着多个map.这样一个maps里面装的每个map就对应着一个子选项。

效果如下：

当然了，装数据也有好多种办法。这里就看你自己的习惯了。

如有错误，还请指出，谢谢！

ExpandableListView 的使用相关推荐

使用ExpandableListView以及如何优化view的显示减少内存占用
上篇博客讲到如何获取手机中所有歌曲的信息.本文就把上篇获取到的歌曲按照歌手名字分类.用一个ExpandableListView显示出来. MainActivity .java public class ...
android二级列表展开,ExpandableListView控件实现二级列表
效果图如下: 二级列表附有点击事件. 1.布局文件: 此处加了一个自定义的导航RelativeLayout,记得注activity的时候添加 android:theme="@style/Th ...
ExpandableListView(一)替换系统默认的箭头
很多朋友可能在android开发中,用过ExpandableListView这个组件,这个组件功能强大,比传统的ListView有好多优势.然而在开发中,我相信有好多人,包括我个人都会遇到下面的一些问 ...
ExpandableListView的使用以及信息的高亮显示
ExpandableListView是ListView控件的延伸,它能够对数据进行分组显示和隐藏,并统计总数量.可进行滚动,对某一内容高亮显示. <1>编写xml布局文件,用于获取Expa ...
ExpandableListView 里面嵌套GridView实现高度自适应
很早之前做过一个商城的app 也是第一次做安卓. 实现的效果如下: 因为一开始做安卓,很多写的代码都不规范,在下面上代码的地方,还请高手指点(勿喷,楼主是自尊心很强的屌丝) 这个效果要解决2个大问题, ...
Android中ExpandableListView的使用
Android中ExpandableListView的使用 ExpandableListView是Android中可以实现下拉list的一个控件,具体的实现方法如下: 首先:在layout的xml文件 ...
替换ExpandableListView右边箭头Group Indicator（小图标）
先在drawable目录下建立xml文件: <?xml version="1.0" encoding="utf-8"?> <select ...
android 中使用ExpandableListView控件结合服务器json文件的下载
布局文件代码: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns ...
android 之ExpandableListView详解
ExpandableListView是一种可应用于某种环境的下拉列表. 实例代码: package com.example.lenovo.expandablelistview_demo;import ...
UI组件之AdapterView及其子类（六）ExpandableListView组件和ExpandableListActivity的使用
ExpandableListView是ListView的子类,他在ListView上进行了扩展,它把列表项分成了几组,每组里包含了多个列表项 ExpandableListView的列表项是由Expan ...