ExpandableListView使用

相关博客

ExpandableListView使用

博客内容记录

场景

有时候,使用ListView并不能满足应用程序所需要的功能。有些应用程序需要多组ListView,这时候我们就要使用一种新的控件ExpandableListView——可以扩展的ListView。它的作用就是将ListView进行分组。就好像我们使用QQ的时候,有“我的好友”,“陌生人”,“黑名单”一样,点击一下会扩展开,再点击一下又会收缩回去。

ExpandableListView是一个垂直滚动显示两级列表项的视图,与ListView不同的是,它可以有两层:每一层都能够被独立的展开并显示其子项。这些子项来自于与该视图关联的ExpandableListAdapter。

每一个可以扩展的列表项的旁边都有一个指示符(箭头)用来说明该列表项目前的状态(这些状态一般是已经扩展开的列表项,还没有扩展开的列表项,子列表项和最后一个子列表项)。

  • 可以使用方法:setChildIndicator(Drawable),setGroupIndicator(Drawable)(或者相应的XML文件的属性) 去设置这些指示符的样式。当然也可以使用默认的指示符。
  • 和android.R.layout.simple_expandable_list_item_1,android.R.layout.simple_expandable_list_item_2和ListView一样,ExpandableListView也是一个需要Adapter作为桥梁来取得数据的控件。一般适用于ExpandableListView的Adapter都要继承BaseExpandableListAdapter这个类,并且必须重载getGroupView和getChildView这两个最为重要的方法。
  1. BaseExpandableListAdapter的主要重载方法如下:
  • public abstract ObjectgetChild (int groupPosition, int childPosition)

    取得与指定分组、指定子项目关联的数据.

    参数

    groupPosition 包含子视图的分组的位置.

    childPosition 指定的分组中的子视图的位置.

    返回

    与子视图关联的数据.
  • public abstract long getChildId (int groupPosition, intchildPosition)

    取得给定分组中给定子视图的ID. 该组ID必须在组中是唯一的.必须不同于其他所有ID(分组及子项目的ID).

    参数

    groupPosition 包含子视图的分组的位置.

    childPosition 要取得ID的指定的分组中的子视图的位置.

    返回

    与子视图关联的ID.
  • public abstract View getChildView (int groupPosition, intchildPosition, boolean isLastChild, View convertView, ViewGroup parent)

    取得显示给定分组给定子位置的数据用的视图.

    参数

    groupPosition 包含要取得子视图的分组位置.

    childPosition 分组中子视图(要返回的视图)的位置.

    isLastChild 该视图是否为组中的最后一个视图.

    convertView 如果可能,重用旧的视图对象.使用前你应该保证视图对象为非空,并且是否是合适的类型.如果该对象不能转换为可以正确显示数据的视图,该方法就创建新视图.不保证使用先前由 getChildView(int, int,boolean, View, ViewGroup)创建的视图.

    parent 该视图最终从属的父视图.

    返回

    指定位置相应的子视图.
  • public abstract int getChildrenCount (int groupPosition)

    取得指定分组的子元素数.

    参数

    groupPosition 要取得子元素个数的分组位置.

    返回

    指定分组的子元素个数.
  • public abstract long getCombinedChildId (long groupId, long childId)

    取得一览中可以唯一识别子条目的 ID(包括分组ID和子条目ID).可扩展列表要求每个条目 (分组条目和子条目)具有一个可以唯一识别列表中子条目和分组条目的ID. 该方法根据给定子条目ID和分组条目ID返回唯一识别ID.另外,如果 hasStableIds() 为真,该函数返回的ID必须是固定不变的.

    参数

    groupId 包含子条目ID的分组条目ID.

    childId 子条目的ID.

    返回

    可以在所有分组条目和子条目中唯一识别该子条目的ID(可能是固定不变的).
  • public abstract long getCombinedGroupId (long groupId)

    取得一览中可以唯一识别子条目的 ID(包括分组ID和子条目ID).可扩展列表要求每个条目 (分组条目和子条目)具有一个可以唯一识别列表中子条目和分组条目的ID. 该方法根据给定子条目ID和分组条目ID返回唯一识别ID.另外,如果 hasStableIds() 为真,该函数返回的ID必须是固定不变的.

    参数

    groupId 分组条目ID.

    返回

    可以在所有分组条目和子条目中唯一识别该分组条目的ID(可能是固定不变的).
  • public abstract Object getGroup (int groupPosition)

    取得与给定分组关联的数据.

    参数

    groupPosition 分组的位置.

    返回

    指定分组的数据.

    public abstract int getGroupCount ()

    取得分组数.

    返回

    分组数.
  • public abstract long getGroupId (int groupPosition)

    取得指定分组的ID.该组ID必须在组中是唯一的.必须不同于其他所有ID(分组及子项目的ID).

    参数

    groupPosition 要取得ID的分组位置.

    返回

    与分组关联的ID.
  • public abstract View getGroupView (int groupPosition, booleanisExpanded, View convertView, ViewGroup parent)

    取得用于显示给定分组的视图. 这个方法仅返回分组的视图对象, 要想获取子元素的视图对象,就需要调用 getChildView(int, int, boolean, View, ViewGroup).

    参数

    groupPosition 决定返回哪个视图的组位置 .

    isExpanded 该组是展开状态还是收起状态 .

    convertView 如果可能,重用旧的视图对象.使用前你应该保证视图对象为非空,并且是否是合适的类型.如果该对象不能转换为可以正确显示数据的视图,该方法就创建新视图.不保证使用先前由 getGroupView(int, boolean,View, ViewGroup)创建的视图.

    parent 该视图最终从属的父视图.

    返回

    指定位置相应的组视图.
  • public abstract boolean hasStableIds ()

    是否指定分组视图及其子视图的ID对应的后台数据改变也会保持该ID.

    返回

    是否相同的ID总是指向同一个对象.
  • public abstract boolean isChildSelectable (int groupPosition, intchildPosition)

    指定位置的子视图是否可选择.

    参数

    groupPosition 包含要取得子视图的分组位置.

    childPosition 分组中子视图的位置.

    返回

    是否子视图可选择.
  1. 优化扩展

这样就完成了一个最简单的ExpandableListView的控件。

在实际开发过程中,常常有不同的需求,比如每一个child需要不同的控件,每一个group或者child需要有图标,图标显示需要不一样,需要设置背景等各种各样能够让我们的程序变得美观的需求。那么下面就逐 一讨论一下ExpandableListView如何实现这些需求。

  • 为ExpandableListView设置背景,并且默认展开第n组,n从0开始计数,则只需要添加如下代码:
	1. myExpandableListView.setBackgroundResource(R.drawable.background);
2. myExpandableListView.expandGroup(0);

复制代码

则效果如下:

  • 改变每个组前面的图标,并且图标样式随着合拢和展开不同,则只需要在res/drawable目录下定义文件:
  Indicator.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_expanded="true" android:drawable="@drawable/right" />
<item android:drawable="@drawable/down"></item>
</selector>

复制代码

  • 在JAVA文件中添加:
 myExpandableListView.setGroupIndicator(this.getResources().getDrawable(R.drawable.indicator));

复制代码

效果如下:

对于其他的属性设置,可以参考以下属性说明:

  • android:childDivider

    来分离子列表项的图片或者是颜色。注:图片不会完全显示,分离子列表项的是一条直线
  • android:childIndicator

    在子列表项旁边显示的指示符。注:可以是一个图片
  • android:childIndicatorLeft

    子列表项指示符的左边约束位置。注:即从左端0位置开始计数,比如,假设指示符是一个图标,给定这个属性值为3dip,则表示从左端起3dip开始显示此图标。
  • android:childIndicatorRight

    子列表项指示符的右边约束位置。注:表示右端到什么位置结束
  • android:groupIndicator

    在组列表项旁边显示的指示符。注:可以是一个图片。
  • android:indicatorLeft

    组列表项指示器的左边约束位置。注:表示左端从什么位置开始。
  • android:indicatorRight

    组列表项指示器的右边约束位置。注:表示右端到什么位置结束。
  1. 以疯狂android为例的基本用法介绍ExpandableListView其中几个重要的方法
  • getGroupCount()
            返回包含的组列表项的数量。
@Override
public int getGroupCount()
{
return armTypes.length;
}
  • getGroup(int groupPosition)

    返回组列表的数据
@Override
public Object getGroup(int groupPosition)
{
return armTypes[groupPosition];
}
  • getGroupId(int groupPosition)

放回组列表组件的id

@Override
public long getGroupId(int groupPosition)
{
return groupPosition;
}
  • getGroupView()

该方法将返回的View对象将作为组列表项

public View getGroupView(int groupPosition, boolean isExpanded,View convertView, ViewGroup parent)
{
LinearLayout ll = new LinearLayout(MainActivity.this);
ll.setOrientation(0);
ImageView logo = new ImageView(MainActivity.this);
logo.setImageResource(logos[groupPosition]);
ll.addView(logo);
TextView textView = getTextView();
textView.setText(getGroup(groupPosition).toString());
ll.addView(textView);
return ll;
}
  • getChildCount()

该方法返回特定组所包含的子列表项的数量

@Override
public int getChildrenCount(int groupPosition)
{
return arms[groupPosition].length;
}
  • getChildView()

该方法返回的View对象将作为特定组、特定位置的子列表项

public View getChildView(int groupPosition, int childPosition,
boolean isLastChild, View convertView, ViewGroup parent)
{
TextView textView = getTextView();
textView.setText(getChild(groupPosition, childPosition)
.toString());
return textView;
}
  • getChildId()

返回子列表组件的id

public long getChildId(int groupPosition, int childPosition)
{
return childPosition;
}
  • getChild(int groupPosition, int childPosition)

返回子列表的数据

public Object getChild(int groupPosition, int childPosition)
{
return arms[groupPosition][childPosition];
}
@Override
public long getChildId(int groupPosition, int childPosition)
{
return childPosition;
}
  • isChildSelectable()

    该方法返回true时,可以对子列表项设置监听

  • 监听函数

    1、listView.setOnChildClickListener()

    监听子列表项按下事件

    2、setOnGroupClickListener()

    监听组列表项按下事件

疯狂android中代码文件

package org.crazyit.ui;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView; public class MainActivity extends Activity
{
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main); //创建一个BaseExpandableListAdapter对象
ExpandableListAdapter adapter = new BaseExpandableListAdapter()
{
int[] logos = new int[]
{
R.drawable.p,
R.drawable.z,
R.drawable.t
};
private String[] armTypes = new String[]
{ "神族兵种", "虫族兵种", "人族兵种"};
private String[][] arms = new String[][]
{
{ "狂战士", "龙骑士", "黑暗圣堂", "电兵" },
{ "小狗", "刺蛇", "飞龙", "自爆飞机" },
{ "机枪兵", "护士MM" , "幽灵" }
}; // 获取指定组位置、指定子列表项处的子列表项数据
@Override
public Object getChild(int groupPosition, int childPosition)
{
return arms[groupPosition][childPosition];
}
@Override
public long getChildId(int groupPosition, int childPosition)
{
return childPosition;
}
@Override
public int getChildrenCount(int groupPosition)
{
return arms[groupPosition].length;
}
private TextView getTextView()
{
AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, 64);
TextView textView = new TextView(MainActivity.this);
textView.setLayoutParams(lp);
textView.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);
textView.setPadding(36, 0, 0, 0);
textView.setTextSize(20);
return textView;
} // 该方法决定每个子选项的外观
@Override
public View getChildView(int groupPosition, int childPosition,
boolean isLastChild, View convertView, ViewGroup parent)
{
TextView textView = getTextView();
textView.setText(getChild(groupPosition, childPosition)
.toString());
return textView;
}
// 获取指定组位置处的组数据
@Override
public Object getGroup(int groupPosition)
{
return armTypes[groupPosition];
}
@Override
public int getGroupCount()
{
return armTypes.length;
}
@Override
public long getGroupId(int groupPosition)
{
return groupPosition;
}
// 该方法决定每个组选项的外观
@Override
public View getGroupView(int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent)
{
LinearLayout ll = new LinearLayout(MainActivity.this);
ll.setOrientation(0);
ImageView logo = new ImageView(MainActivity.this);
logo.setImageResource(logos[groupPosition]);
ll.addView(logo);
TextView textView = getTextView();
textView.setText(getGroup(groupPosition).toString());
ll.addView(textView);
return ll;
}
@Override
public boolean isChildSelectable(int groupPosition,
int childPosition)
{
return true;
}
@Override
public boolean hasStableIds()
{
return true;
}
};
ExpandableListView expandListView = (ExpandableListView) findViewById(R.id.list);
expandListView.setAdapter(adapter);
}
}
上一篇:asp.net网页中添加年月日时分秒星期。


下一篇:[转]SQL 常用函数及示例