Android ListView分组列表显示折叠效果_ExpandableListView使用方法
2015-01-06 10:03:36  By: dwtedx

简介

android中有一种expandablelistview,可以扩展的listview,就是那种点击一下可以扩展出子项,再点一下收缩回去的显示list

一个视图显示项目的垂直滚动的两级列表,这不同于ListView,允许有两级列表

分组能单独地被扩展出到显出它的子项目,各子项目来自ExpandableListAdapter相关的View

在android中,以往用的比较多的是listview,虽然可以实现列表的展示,但在某些情况下

我们还是希望用到可以分组并实现收缩的列表,那就要用到android的ExpandableListView,今天研究了一下这个的用法


源代码

1、首先是Activity的代码

public class ExpandableLists extends ExpandableListActivity {
    
	@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //为一级条目提供数据                  
        //Groups  分组
        List<Map<String,Object>> Groups = new ArrayList<Map<String,Object>>();
        Map<String,Object> groupone = new HashMap<String,Object>();
        groupone.put("groupname", "流行歌曲");
        Groups.add(groupone);
        Map<String,Object> grouptwo = new HashMap<String,Object>();
        grouptwo.put("groupname", "校园歌曲");
        Groups.add(grouptwo);
        //定义两个List<Map<String,Object>>  childone和childtwo
        //为二级条目提供数据
        //childone
        List<Map<String,Object>> childone = new ArrayList<Map<String,Object>>();
        Map<String,Object> childonedateone = new HashMap<String,Object>();
        //childonedateone.put("mp3logo", R.drawable.logo0);
        childonedateone.put("mp3ID", "1");
        childonedateone.put("mp3name", "流星雨");
        childone.add(childonedateone);
         
        Map<String,Object> childonedatetwo = new HashMap<String,Object>();
        //childonedatetwo.put("mp3logo", R.drawable.logo1);
        childonedatetwo.put("mp3ID", "2");
        childonedatetwo.put("mp3name", "千里之外");
        childone.add(childonedatetwo);
         
        Map<String,Object> childonedatethree = new HashMap<String,Object>();
        //childonedatethree.put("mp3logo", R.drawable.logo2);
        childonedatethree.put("mp3ID", "3");
        childonedatethree.put("mp3name", "菊花台");
        childone.add(childonedatethree);
         
        //childtwo
        List<Map<String,Object>> childtwo = 
			new ArrayList<Map<String,Object>>();
        Map<String,Object> childtwodateone = new HashMap<String,Object>();
       //childtwodateone.put("mp3logo", R.drawable.logo0);
        childtwodateone.put("mp3ID", "1");
        childtwodateone.put("mp3name", "同桌的你");
        childtwo.add(childtwodateone);
         
        //Childs
        List<List<Map<String,Object>>> Childs = 
			new ArrayList<List<Map<String,Object>>>();
        Childs.add(childone);
        Childs.add(childtwo);
        //使用SimpleExpandableListAdapter显示ExpandableListView
        //参数1.上下文对象Context
        //参数2.一级条目目录集合
        //参数3.一级条目对应的布局文件
        //参数4.fromto,就是map中的key,指定要显示的对象
        //参数5.与参数4对应,指定要显示在groups中的id
        //参数6.二级条目目录集合
        //参数7.二级条目对应的布局文件
        //参数8.fromto,就是map中的key,指定要显示的对象
        //参数9.与参数8对应,指定要显示在childs中的id
        SimpleExpandableListAdapter simpleExpandListAdapter = 
			new SimpleExpandableListAdapter(ExpandableLists.this,
                Groups, R.layout.group, new String[]{"groupname"},
				new int[]{R.id.group}, Childs, R.layout.child, 
				new String[]{"mp3ID","mp3name"},new int[]{R.id.id,R.id.name});
         
        setListAdapter(simpleExpandListAdapter);
    }
}


2、下面是main.xml的代码

<?xml version="1.0" encoding="utf-8"?>
<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"
        android:drawSelectorOnTop="false"/>
 
    <TextView
        android:id="@id/android:empty"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="No Data"/>
</LinearLayout>


3、下面是group.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">
 
    <TextView android:id="@ id/group"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:paddingLeft="60px"
        android:textSize="20sp"
        android:text="No data" />
</LinearLayout>


4、下面是child.xml的代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
	xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >
 
    <TextView
        android:id="@ id/id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="50px"/>
    <TextView
        android:id="@ id/name"
       android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="50px"
        android:text="No data"/>
</LinearLayout>

好了、这样一个可折叠的菜单就写好了、最后给大家贴上例子的源代码

源代码下载链接: http://dwtedx.com/download.html?bdkey=s/151xAe 密码: 57xn

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+