Android ExpandableListView展开列表控件使用实例

你是否觉得手机qq上的好友列表那个控件非常棒？ 不是..... 那也没关系，学多一点知识对自己也有益无害。

那么我们就开始吧。

展开型列表控件， 原名expandablelistview
是普通的列表控件进阶版， 可以*的把列表进行收缩， 非常的方便兼好看。
首先看看我完成的截图， 虽然界面不漂亮， 但大家可以自己去修改界面。

该控件需要一个主界面xml 一个标题界面xml及一个列表内容界面xml
首先我们来看看 mian.xml 主界面

//该界面非常简单， 只要一个expandablelistview即可
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <expandablelistview
        android:id="@id/android:list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />
</linearlayout>

groups.xml 该界面是父标题界面
我们只要放上一个要显示出来的标题textview控件上去即可

<linearlayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
>
    <textview
        android:id="@+id/textgroup"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:paddingleft="40px"
        android:paddingtop="6px"
        android:paddingbottom="6px"
        android:textsize="15sp"
        android:text="no data"
    />

</linearlayout>

childs.xml 是子控件， 直接显示列表内容

<linearlayout
    xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
>
　　  <textview 
        android:id="@+id/textchild"
   android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:paddingleft="60px"
        android:paddingtop="10px"
        android:paddingbottom="10px"
        android:textsize="20sp"
   android:text="no data"
/>

</linearlayout>

接下来再上主代码, 命名有点乱， 大家真正用于开发时可不要这样命名啊.

public class expandactivity extends expandablelistactivity
{
    /** called when the activity is first created. */
    @override
    public void oncreate(bundle savedinstancestate)
    {
        super.oncreate(savedinstancestate);
        setcontentview(r.layout.main);
       
        //创建二个一级条目标题
        map<string, string> title_1 = new hashmap<string, string>();
        map<string, string> title_2 = new hashmap<string, string>();
       
        title_1.put("group", "开发");
        title_2.put("group", "管理");
       
        //创建一级条目容器
        list<map<string, string>> gruops = new arraylist<map<string,string>>();
       
        gruops.add(title_1);
        gruops.add(title_2);
       
        //创建二级条目内容
       
        //内容一
        map<string, string> content_1 = new hashmap<string, string>();
        map<string, string> content_2 = new hashmap<string, string>();
       
        content_1.put("child", "vc++");
        content_2.put("child", "java");
       
        list<map<string, string>> childs_1 = new arraylist<map<string,string>>();
        childs_1.add(content_1);
        childs_1.add(content_2);
       
        //内容二
        map<string, string> content_3 = new hashmap<string, string>();
        map<string, string> content_4 = new hashmap<string, string>();
       
        content_3.put("child", "敏捷开发");
        content_4.put("child", "迭代开发");
       
        list<map<string, string>> childs_2 = new arraylist<map<string,string>>();
        childs_2.add(content_3);
        childs_2.add(content_4);
       
        //存放两个内容, 以便显示在列表中
        list<list<map<string, string>>> childs = new arraylist<list<map<string,string>>>();
        childs.add(childs_1);
        childs.add(childs_2);
       
        //创建expandablelist的adapter容器
        //参数: 1.上下文    2.一级集合 3.一级样式文件 4. 一级条目键值  5.一级显示控件名
        //   6. 二级集合 7. 二级样式 8.二级条目键值 9.二级显示控件名
        simpleexpandablelistadapter sela = new simpleexpandablelistadapter(
                this, gruops, r.drawable.groups, new string[]{"group"}, new int[]{r.id.textgroup},
                childs, r.drawable.childs, new string[]{"child"}, new int[]{r.id.textchild}
                );
       
        //加入列表
        setlistadapter(sela);
    }
}
//最后， 如果想响应各操作的话， 就要重载下面的方法
//列表内容按下
@override
public boolean onchildclick(expandablelistview parent, view v, int groupposition, int childposition, long id)
{
    // todo auto-generated method stub
    return super.onchildclick(parent, v, groupposition, childposition, id);
}

//二级标题按下
@override
public boolean setselectedchild(int groupposition, int childposition, boolean shouldexpandgroup)
{
    // todo auto-generated method stub
    return super.setselectedchild(groupposition, childposition, shouldexpandgroup);
}

//一级标题按下
@override
public void setselectedgroup(int groupposition)
{
    // todo auto-generated method stub
    super.setselectedgroup(groupposition);
}

再最后， 运行你的模拟器就可以看见啦。
将上面的expandablelistview控件化.
控件化比较简单我们只要用普通的activity类就可以了， 不用再继承expandablelistview.
只需要在成员变量中添加
private expandablelistview expandlist;
然后在添加内容时改成
expandlist.setadapter(sela);
就可以了。 当然， 响应事件listener也可以自己添加。

附：另一个例子

expandablelistview的用法与listview和gridview,gallery 类似,都是通过一个adapter来显示.
main.xml:

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <expandablelistview android:id="@+id/elv" android:indicatorright="160dp"
        android:layout_width="fill_parent" android:layout_height="fill_parent">
    </expandablelistview>
    <!-- indicatorright 设置那个小图标右边缘与 expandablelistview左边缘的间距-->
</linearlayout>

elvadapter.java

package com.test;
 
import java.util.arraylist;
 
import android.content.context;
import android.view.view;
import android.view.viewgroup;
import android.widget.baseexpandablelistadapter;
import android.widget.expandablelistview;
import android.widget.textview;
import android.widget.linearlayout.layoutparams;
 
public class elvadapter extends baseexpandablelistadapter
{
 
    arraylist<elvobject> objs;
    context context;
    elvadapter(context context,arraylist<elvobject> objs)
    {
        this.objs=objs;
        this.context=context;
    }
    @override
    public object getchild(int groupposition, int childposition)
    {
        // todo auto-generated method stub
        return objs.get(groupposition).childs.get(childposition);
    }
 
    @override
    public long getchildid(int groupposition, int childposition)
    {
        // todo auto-generated method stub
        return childposition;
    }
 
    @override
    public view getchildview(int groupposition, int childposition, boolean islastchild, view convertview, viewgroup parent)
    {
        //子元素的view
        textview tv=new textview(context);
        tv.settext(objs.get(groupposition).childs.get(childposition));
        tv.setlayoutparams(new expandablelistview.layoutparams(expandablelistview.layoutparams.fill_parent,expandablelistview.layoutparams.wrap_content));
        return tv;
    }
 
    @override
    public int getchildrencount(int groupposition)
    {
        // todo auto-generated method stub
        return objs.get(groupposition).childs.size();
    }
 
    @override
    public object getgroup(int groupposition)
    {
        // todo auto-generated method stub
        return objs.get(groupposition);
    }
 
    @override
    public int getgroupcount()
    {
        // todo auto-generated method stub
        return objs.size();
    }
 
    @override
    public long getgroupid(int groupposition)
    {
        // todo auto-generated method stub
        return groupposition;
    }
 
    @override
    public view getgroupview(int groupposition, boolean isexpanded, view convertview, viewgroup parent)
    {
        //分组的view
        textview tv=new textview(context);
        tv.settext(objs.get(groupposition).groupname);
        expandablelistview.layoutparams params=new expandablelistview.layoutparams(expandablelistview.layoutparams.fill_parent,60);
        tv.setlayoutparams(params);
        return tv;
    }
 
    @override
    public boolean hasstableids()
    {
        // todo auto-generated method stub
        return false;
    }
 
    @override
    public boolean ischildselectable(int groupposition, int childposition)
    {
        // todo auto-generated method stub
        return true;
    }
 
}

class elvobject{
    string groupname="";
    arraylist<string> childs=new arraylist<string>();
    elvobject(string groupname,arraylist<string> childs)
    {
        this.groupname=groupname;
        this.childs=childs;
    }
}

注意下面还有一个elvobject类
主程序androidtestactivity.java

package com.test;
 
import java.util.arraylist;
 
import android.app.activity;
import android.os.bundle;
import android.widget.expandablelistview;
 
public class androidtestactivity extends activity
{
    /** called when the activity is first created. */
    expandablelistview elv;
    elvadapter adapter;
    arraylist<elvobject> objs=new arraylist<elvobject>();
    @override
    public void oncreate(bundle savedinstancestate)
    {
        super.oncreate(savedinstancestate);
        setcontentview(r.layout.main);
        elv=(expandablelistview)findviewbyid(r.id.elv);
        adapter=new elvadapter(this,objs);
        elv.setadapter(adapter);
        arraylist<string> list=new arraylist<string>();
        list.add("aaa");
        list.add("bbb");
        list.add("ccc");
        objs.add(new elvobject("英文",list));
        arraylist<string> list2=new arraylist<string>();
        list2.add("111");
        list2.add("222");
        list2.add("333");
        list2.add("444");
        objs.add(new elvobject("数字",list2));
 
    }
}