可展开的列表组件——ExpandableListView深入解析
可展开的列表组件——ExpandableListView深入解析
一、知识点
1、ExpandableListView常用XML属性
2.ExpandableListView继承BaseExpandableListAdapter后重写的各个函数详解
3.ExpandableListView自定义下拉图标
二、解析
2.1、ExpandableListView常用XML属性
2.1.1 设置点击item项后该item项的背景色
//当你选中某一个item项时,该item项的背景会变色,下面的值是将该背景色设置为透明 android:listSelector="#00000000"
2.1.2 设置item项的高度
//这个是用在item的布局文件里
android:minHeight="50dp"
2.1.3 拖动时背景图片问题
//在拖动的时候背景图片消失变成黑色背景,等到拖动完毕我们自己的背景图片才显示出来
android:scrollingCache=”false”
或 android:cacheColorHint=”#00000000″
2.1.4 分割线高度
android:dividerHeight="1dp"
2.2ExpandableListView继承BaseExpandableListAdapter后重写的各个函数详解
下面的代码几乎每条都给了注释,就不再赘述了。
2.2.1 child.xml
<?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:orientation="horizontal" > <TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="10dp"
android:textSize="18dp"
android:text="this"
/> </LinearLayout>
2.2.2 group.xml
<?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="wrap_content"
android:minHeight="50dp"
android:orientation="horizontal" >
<ImageView
android:layout_marginLeft="10dp"
android:layout_gravity="center_vertical"
android:id="@+id/arrow"
android:layout_width="25dp"
android:layout_height="25dp"
/>
<TextView
android:layout_marginLeft="10dp"
android:id="@+id/logo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20dp"
android:layout_gravity="center_vertical"
/>
</LinearLayout>
2.2.3 colors.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="gray">#BEBEBE</color>
<color name="SeaGreen1">#54FF9F</color>
</resources>
2.2.4 activity_main.xml
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<ExpandableListView
android:id="@+id/expandlist"
android:divider="@color/gray"
android:childDivider="@color/SeaGreen1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:groupIndicator="@null"
android:listSelector="#00000000"
android:dividerHeight="1dp"
> </ExpandableListView>
</LinearLayout>
2.2.5 MyExpandableListAdapter.java
package com.yds.example; import java.util.List;
import java.util.Map; import android.content.Context;
import android.database.DataSetObserver;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.TextView; public class MyExpandableListAdapter extends BaseExpandableListAdapter {
//上下文
Context context;
//声明一个布局管理器对象
LayoutInflater inflater;
//声明一个组集合
List<Map<String, Object>>group;
//声明一个子元素集合
List<List<Map<String, Object>>>child;
//声明一个map对象
Map<String, Object>map;
/**
* 自定义适配器的构造函数
* @param context 上下文
* @param group 组集合
* @param child 子元素集合
*/
public MyExpandableListAdapter(Context context,List<Map<String, Object>>group,List<List<Map<String, Object>>>child){
//初始化上下文
this.context = context;
//初始化布局管理器对象
inflater = LayoutInflater.from(context);
//初始化组集合
this.group = group;
//初始化子元素集合
this.child = child;
}
/**
* ExpandableListAdapter里面的所有条目
* 都可用吗?如果是yes,就意味着所有条目可以选择和点击了。
* 返回值:返回True表示所有条目均可用。
*/
@Override
public boolean areAllItemsEnabled() {
// TODO Auto-generated method stub
return true;
}
/**
* 获取指定组中的指定子元素数据。
*/
@Override
public Object getChild(int groupPosition, int childPosition) {
// TODO Auto-generated method stub
/*child.get(groupPosition)是得到groupPosition处的list对象,然后
* child.get(groupPosition).get(childPosition)得到child的map对象,然后
* child.get(groupPosition).get(childPosition).get("Child")是得到key值
* 为Child的值
* */
return child.get(groupPosition).get(childPosition).get("Child");
}
/**
* 获取指定组中的指定子元素ID,这个ID在组里一定是唯一的。联合ID(getCombinedChildId(long, long))在所有条目(所有组和所有元素)中也是唯一的。
*/
@Override
public long getChildId(int groupPosition, int childPosition) {
// TODO Auto-generated method stub
/******子元素的位置********/
return childPosition;
}
/**获取一个视图对象,显示指定组中的指定子元素数据。
* @param groupPosition 组位置(该组内部含有子元素)
* @param childPosition 子元素位置(决定返回哪个视图)
* @param isLastChild 子元素是否处于组中的最后一个
* @param convertView 重用已经有的视图对象,它是RecycleBin缓存机制调用getScrapView方法获取废弃已缓存的view.
* @param parent 返回的视图(View)对象始终依附于的视图组。通俗的说是它的父视图。
*/
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
ViewHolderChild viewHolderChild;
/*当convertView为空,也就是没有废弃已缓存 view时,将执行下面方法,调用layoutinflate的
* inflate()方法来加载一个view。
* 如有不懂,请点击:http://blog.csdn.net/libmill/article/details/49644743
*/
if(convertView==null){
//重新加载布局
convertView = inflater.inflate(R.layout.child, null);
//初始化控件管理器(自己命名的)
viewHolderChild = new ViewHolderChild();
//绑定控件id
viewHolderChild.tv = (TextView) convertView.findViewById(R.id.tv);
/*convertView的setTag将viewHolderChild设置到Tag中,以便系统第二次绘制
ExpandableListView时从Tag中取出
*/
convertView.setTag(viewHolderChild);
}else{
//当convertView不为空时,从Tag中取出viewHolderChild
viewHolderChild = (ViewHolderChild) convertView.getTag();
}
//给子元素的TextView设置值
viewHolderChild.tv.setText(getChild(groupPosition, childPosition).toString());
//返回视图对象,这里是childPostion处的视图
return convertView;
}
/**
* 获取指定组中子元素的个数
*/
@Override
public int getChildrenCount(int groupPosition) {
// TODO Auto-generated method stub
return child.get(groupPosition).size();
}
/**
* 从列表所有项(组或子项)中获得一个唯一的子ID号。可折叠列表要求每个元素(组或子项)在所有的子元素和组中
* 有一个唯一的ID。本方法负责根据所给的子ID号和组ID号返回唯一的ID。此外,若hasStableIds()
* 是true,那么必须要返回稳定的ID。
* @param groupId 包含该子元素的组ID
* @param childId 子元素的ID
* @return:列表所有项(组或子项)中唯一的(和可能稳定)的子元素ID号。(译者注:ID理论上是稳定的,
* 不会发生冲突的情况。也就是说,这个列表会有组、子元素,它们的ID都是唯一的。)
*/
@Override
public long getCombinedChildId(long groupId , long childId ) {
// TODO Auto-generated method stub
return 0;
}
/**
* 获取组ID
* @param groupId 组ID
* @return :组ID
*/
@Override
public long getCombinedGroupId(long groupId) {
// TODO Auto-generated method stub
return 0;
}
/**
* 得到指定组的组数据
* @param groupPosition:指定的组的位置
* @return 返回指定组的组数据
*/
@Override
public Object getGroup(int groupPosition) {
// TODO Auto-generated method stub
/**group.get(groupPosition)获取map对象
* group.get(groupPosition).get("Group")获取key值为Group的数据
* **/
return group.get(groupPosition).get("Group");
}
/**
* 获取组长
*/
@Override
public int getGroupCount() {
// TODO Auto-generated method stub
return group.size();
}
/**
* 获取指定组的Id
*/
@Override
public long getGroupId(int groupPosition) {
// TODO Auto-generated method stub
return groupPosition;
}
/**
* 获取指定组的视图对象
* @param groupPosition:组位置(决定返回哪个视图)
* @param isExpanded:改组是展开状态还是伸缩状态
* @param convertView:重用已有的视图对象
* @return 返回指定组的视图对象
*/
@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
ViewHolderGroup viewHolder;
//判断convertView是否为空,convertView是RecycleBean调用getScrapView函数得到废弃已缓存的view
if(convertView==null){
//初始化控件管理器对象
viewHolder = new ViewHolderGroup();
//重新加载布局
convertView = inflater.inflate(R.layout.group, null);
//给组元素绑定ID
viewHolder.logo_tv = (TextView) convertView.findViewById(R.id.logo);
//给组元素箭头绑定ID
viewHolder.arrow = (ImageView) convertView.findViewById(R.id.arrow);
//convertView将viewHolder设置到Tag中,以便再次绘制ExpandableListView时从Tag中取出viewHolder;
convertView.setTag(viewHolder);
}else {//如果convertView不为空,即getScrapView得到废弃已缓存的view
//从Tag中取出之前存入的viewHolder
viewHolder = (ViewHolderGroup) convertView.getTag();
}
//设置组值
viewHolder.logo_tv.setText(getGroup(groupPosition).toString());
//如果组是展开状态
if (isExpanded) {
//箭头向下
viewHolder.arrow.setImageResource(R.drawable.arrow_down);
}else{//如果组是伸缩状态
//箭头向右
viewHolder.arrow.setImageResource(R.drawable.arrow);
}
//返回得到的指定组的视图对象
return convertView;
}
/**
* 组和子元素是否持有稳定的ID,也就是底层数据的改变不会影响到它们。
* @return 返回一个Boolean类型的值,如果为TRUE,意味着相同的ID永远引用相同的对象
*/
@Override
public boolean hasStableIds() {
// TODO Auto-generated method stub
return false;
}
/**
* 是否选中指定位置上的子元素。
*/
@Override
public boolean isChildSelectable(int arg0, int arg1) {
// TODO Auto-generated method stub
return true;
}
/**
* 如果当前适配器不包含任何数据则返回True。经常用来决定一个空视图是否应该被显示。
* 一个典型的实现将返回表达式getCount() == 0的结果,但是由于getCount()包含了头部和尾部,适配器可能需要不同的行为。
*/
@Override
public boolean isEmpty() {
// TODO Auto-generated method stub
return false;
}
/**
* 当组收缩状态的时候此方法被调用。
*/
@Override
public void onGroupCollapsed(int groupPosition) {
// TODO Auto-generated method stub }
/**
* 当组展开状态的时候此方法被调用。
*/
@Override
public void onGroupExpanded(int groupPosition) {
// TODO Auto-generated method stub }
/**
* 注册一个观察者(observer),当此适配器数据修改时即调用此观察者。
* @param observer:当数据修改时通知调用的对象
*/
@Override
public void registerDataSetObserver(DataSetObserver observer) {
// TODO Auto-generated method stub }
/**
* 取消先前通过registerDataSetObserver(DataSetObserver)方式注册进该适配器中的观察者对象。
* @param observer 取消这个观察者的注册
*/
@Override
public void unregisterDataSetObserver(DataSetObserver observer) {
// TODO Auto-generated method stub }
/**
* 组控件管理器
* @author Administrator
*
*/
class ViewHolderGroup{
TextView logo_tv;
ImageView arrow;
}
/**
* 子控件管理器
* @author Administrator
*
*/
class ViewHolderChild{
TextView tv;
}
}
2.2.6 MainActivity.java
package com.yds.example; import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map; import android.app.Activity;
import android.os.Bundle;
import android.widget.ExpandableListView; public class MainActivity extends Activity {
//声明一个可伸展的列表视图对象
private ExpandableListView expandlist;
//声明并初始化一个组集合对象,该集合时一个一维数组
private List<Map<String, Object>>groupList = new ArrayList<Map<String,Object>>();
//声明一个子元素集合对象,该集合是一个数组链表
private List<List<Map<String, Object>>>childList = new ArrayList<List<Map<String,Object>>>();
//声明一个子元素集合对象
private List<Map<String, Object>>child;
//声明一个map对象
private Map<String, Object>map;
//组元素值
private String[] armTypes = new String[]{
"WORD", "EXCEL", "EMAIL", "PPT"
};
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
//加载布局
setContentView(R.layout.activity_main);
//给组赋值
for (int i = 0; i < armTypes.length; i++) {
//每次都要初始化map对象
map = new HashMap<String, Object>();
//将组值放入key为Group的map中
map.put("Group", armTypes[i]);
//将map添加到组集合中
groupList.add(map);
}
//给每组的子元素赋值
for (int j = 0; j < 4; j++) {
//每次初始化子集合对象。该对象是一个一维数组
child = new ArrayList<Map<String,Object>>();
//每个组下面有25个子元素
for (int i = 0; i < 25; i++) {
//初始化map对象
map = new HashMap<String, Object>();
//将子元素的值放入key值为Child的map中
map.put("Child", "this is "+i+" example");
//将map添加到一维数组中
child.add(map);
}
//将一维数组添加到集合中
childList.add(child);
}
//可伸展的列表视图绑定ID
expandlist = (ExpandableListView) findViewById(R.id.expandlist);
//声明并初始化一个adapter
MyExpandableListAdapter adapter = new MyExpandableListAdapter(MainActivity.this,groupList,childList);
//可伸展的列表视图加载adapter
expandlist.setAdapter(adapter);
}
}
三、结果截图:
可展开的列表组件——ExpandableListView深入解析的更多相关文章
- ExpandableListView(可展开的列表组件)的说明以及其用法
ExpandableListView的用法和ListView非常像,只是其所显示的列表项应该由ExpandableListAdapter提供,下面是它的xml属性及说明: 然而,接下来是用事实说话了: ...
- Android 可展开列表组件 ExpandableListView
ExpandableListView 是ListView的子类,它把应用中的列表项分为几组,每组里可包含多个列表项. 所显示的列表项应该由ExpandableListAdapter 接口提供,实现Ex ...
- 列表组件抽象(2)-listViewBase说明
这是我写的关于列表组件的第2篇博客.前面的相关文章有: 1. 列表组件抽象(1)-概述 listViewBase是列表组件所有文件中最核心的一个,它抽象了所有列表的公共逻辑,将来如果有必要添加其它公共 ...
- 【转】 HVTableView创建--展开/折叠列表能 AAShareBubbles社会分享动画组
原文: http://blog.csdn.net/billfanggs/article/details/17279969 HVTableView HVTableView是UITableView(带有展 ...
- 微信小程序 - 展开收缩列表
代码源自于:微信小程序示例官方 index.wxml <block wx:for-items="{{list}}" wx:key="{{item.id}}" ...
- DRF-解析器组件源码解析
解析器组件源码解析 解析器组件源码解析 1 执行request.data 开始找重装的request中的data方法 2 在dispatch找到重装的request def dispatch(self ...
- 循序渐进VUE+Element 前端应用开发(8)--- 树列表组件的使用
在我前面随笔<循序渐进VUE+Element 前端应用开发(6)--- 常规Element 界面组件的使用>里面曾经介绍过一些常规的界面组件的处理,主要介绍到单文本输入框.多文本框.下拉列 ...
- Vue slot 插槽用法:自定义列表组件
Vue 框架的插槽(slot)功能相对于常用的 v-for, v-if 等指令使用频率少得多,但在实现可复用的自定义组件时十分有用.例如,如果经常使用前端组件库的话,就会经常看到类似的用法: < ...
- Bootstrap学习之路(3)---列表组件
列表是几乎所有网站都会用到的一个组件,正好bootstrap也给我们提供了这个组件的样式,下面我给大家简单介绍一下bootstrap中的列表组件的用法! 首先,重提一下引用bootstrap的核心文件 ...
随机推荐
- 一步一步实战扩展 ASP.NET Route,实现小写 URL、个性化 URL
介绍 不知道大家在使用 ASP.NET MVC 时有没有一些扩展要求,反正我是有很多.在使用 MVC 这几年(PS:我是从 1.0 开始学,2.0.3.0 开发至今),我深深地觉得 MVC 的扩展性真 ...
- [转]WPF/MVVM快速开始手册
I will quickly introduce some topics, then show an example that explains or demonstrates each point. ...
- 如何查看distirbution agent的执行进度
在transactional replication troubleshooting的过程中,经常会遇到下面的场景: 客户在发布端执行了一个几百万行的更新,结果导致性能下降. 客户很想知道目前dist ...
- Knockout 新版应用开发教程之Observable与computed
KO是什么? KO不是万能的,它的出现主要是为了方便的解决下面的问题: UI元素较多,用户交互比较频繁,需要编写大量的手工代码维护UI元素的状态.样式等属性? UI元素之间关系比较紧密,比如操作一个元 ...
- NGUI 动态添加控件
本文链接地址: Unity3D NGUI动态创建按钮 本例仅以熟悉NGUI组件功能为目的,想快捷简便的创建按钮或其它游戏物体请参考 “Unity3D 动态实例化Prefab” 以动态创建服务器列表为例 ...
- STL中的算法小结
()要运用STL的算法,首先必须包含头文件<algorithm>,某些STL算法用于数值处理,因此被定义于头文件<numeric> ()所有STL算法都被设计用来处理一个或多个 ...
- java中JTextPane使输出字符到指定的宽度换行,并将垂直滚动条的位置移动到输出的最后位置
SimpleAttributeSet set = new SimpleAttributeSet(); Document doc = tp.getStyledDocument(); FontMetric ...
- 使用Html5+C#+微信 开发移动端游戏详细教程 :(二)准备工作&开发环境
C#开发环境:VS2013; H5开发环境:WebStorm; 数据库:mysql+navicat管理工具: 操作系统:win7: 调试:chrome浏览器 如果想在微信端上线运营游戏请做好以下准备工 ...
- 在node.js中使用COOKIE
node.js中如何向客户端发送COOKIE呢?有如下两个方案: 一.使用response.writeHead,代码示例: //设置过期时间为一分钟 var today = new Date(); v ...
- 与众不同 windows phone (40) - 8.0 媒体: 音乐中心的新增功能, 图片中心的新增功能, 后台音乐播放的新增功能
[源码下载] 与众不同 windows phone (40) - 8.0 媒体: 音乐中心的新增功能, 图片中心的新增功能, 后台音乐播放的新增功能 作者:webabcd 介绍与众不同 windows ...