Android ExpandableListView的使用

ExpandableListView继承于ListView，但是它不同于ListView，它可以有多个Group,每一个Group里都可以有多个Child。

比如可以实现QQ好友栏里类似的功能。

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;
/**
* @author wing
* @date 2011/8/15
*/
public class OwnExpandableListAdapter extends BaseExpandableListAdapter {
private String[] group;
private String[][] child;
private Context context;
public OwnExpandableListAdapter(String[] group,String[][] child,Context context)
{
this.group=group;
this.child=child;
this.context=context;
}
/**
*  获取Group中的一个Child的值
*/
@Override
public Object getChild(int groupPosition, int childPosition)
{

return child[groupPosition][childPosition];
}
/**
*  获取Group中的一个Child的ID,本人没有写
*/
@Override
public long getChildId(int groupPosition, int childPosition) {

return 0;
}
/**
*  Child的视图
*/
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent)
{
//每个Group的Child,用TextView表示,当然也可以用其他的例如button之类的控件
TextView textView=new TextView(context);
textView.setText(child[groupPosition][childPosition]);
textView.setPadding(36, 0, 0, 0);
return textView;
}
/**
*  某个Group的Child的数量
*/
@Override
public int getChildrenCount(int groupPosition) {

return child[groupPosition].length;
}

@Override
public Object getGroup(int arg0) {

return null;
}
/**
*  Group的数目
*/
@Override
public int getGroupCount() {

return group.length;
}

@Override
public long getGroupId(int arg0) {

return 0;
}
/**
* Group的视图
*/
@Override
public View getGroupView(int groupPosition, boolean isExpanded,View convertView, ViewGroup parent) {
//每个Group也用TextView表示,当然也可以用其他的例如button之类的控件
TextView textView=new TextView(context);
textView.setText(group[groupPosition]);
textView.setPadding(36, 0, 0, 0);
return textView;
}

@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 false;
}

}

上面是实现的一个ExpandableListAdapter,用于给ExpandableListView填充数据。

可以看见每一个Group和Child都是用的TextView。当然也可以用Button。

然后再使用。

String[]group= {"我的好友","同事"};
String[][]child= {{"张三","李四","王五"},{"赵六","杨七","嘿嘿","哈哈"}};
expandableListView.setAdapter(new OwnExpandableListAdapter(group, child, this));

另外，其实ExpandableListView也可以实现HTML中下拉框的功能。

首先介绍几个方法：

expandableListView.setDivider();这个是设定每个Group之间的分割线。

expandableListView.setGroupIndicator();这个是设定每个Group之前的那个图标。

expandableListView.collapseGroup(int group); 将第group组收起

expandableListView.expandGroup(int group); 将第group组展开

那么如何实现HTML中下拉框类似的功能呢？

由于我做的时候使用的是项目素材。不方便截图。所以就给大家一点提示。

每个Group和每个Child都使用Button,然后设定自己的样式(button selector)。

然后，每个Button都添加自己的事件，Group Button点击时，展开列表。Child Button点击时，收缩列表，并且改变Group Button的内容即可。

这样就可以实现下拉框的功能了。而且根据Button selector，基本可以定义出自己的样式。

PS:

刚毕业工作，由于项目正在测试。自己终于肯花一点时间来写写博客了。要学习的东西很多，加油！