首页 文章 精选 留言 我的

Android数据适配-ExpandableListView

2017-11-22 522

Android中ListView的用法基本上学的时候都会使用，其中可以使用ArrayAdapter，SimpleAdapter，BaseAdapter去实现，这次主要使用的ExpandableListView展示一种两层的效果，ExpandableListView是android中可以实现下拉list的一个控件类似于QQ那种我好友之后就是一排自己的好友，就是两层效果，实现的话使用SimpleExpandableListAdapter即可。

布局文件

先看下效果：

main中xml代码:

1
2
3
4
5
6
7
8
9
10
11
<Button
       android:onClick= "test"
       android:layout_width= "fill_parent"
       android:layout_height= "wrap_content"
       android:text= "FlyElephant"  />
 
   <ExpandableListView
       android:id= "@id/android:list"
       android:layout_width= "fill_parent"
       android:layout_height= "fill_parent"
       android:drawSelectorOnTop= "false"  />

 定义一个省份的province.xml:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?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= "match_parent"
     android:orientation= "vertical"  >
 
     <TextView
         android:id= "@+id/list_provinceText"
         android:layout_width= "fill_parent"
         android:layout_height= "fill_parent"
         android:paddingBottom= "8px"
         android:paddingLeft= "30px"
         android:paddingRight= "5px"
         android:paddingTop= "8px"
         android:textSize= "20sp"  />
 
</LinearLayout>

定义了一个地区的child.xml:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?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= "match_parent"
     android:orientation= "vertical"  >
     
 
        <TextView
         android:id= "@+id/child_text"
         android:layout_width= "fill_parent"
         android:layout_height= "fill_parent"
         android:paddingBottom= "8px"
         android:paddingLeft= "30px"
         android:paddingRight= "5px"
         android:paddingTop= "8px"
         android:textSize= "20sp"  />
     
</LinearLayout>

 Demo实现

主要实现代码，代码中都已经注释，其中最主要的SimpleExpandableListAdapter中的参数，这个参数太多，很容易弄错，可以看下注释或者API文档:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
// 创建一级条目
  List<Map<String, String>> provinces =  new  ArrayList<Map<String, String>>();
  //创建两个省份一级条目
  Map<String, String> firstProvince=  new  HashMap<String, String>();
  firstProvince.put( "province" ,  "河南" );
  Map<String, String> secondProvince=  new  HashMap<String, String>();
  secondProvince.put( "province" ,  "北京" );
  provinces.add(firstProvince);
  provinces.add(secondProvince);
  // 创建一级条目下的的二级地区条目
  List<Map<String, String>> childList1=  new  ArrayList<Map<String, String>>();
  //同样是在一级条目目录下创建两个对应的二级条目目录
  Map<String, String> child1=  new  HashMap<String, String>();
  child1.put( "child" ,  "郑州" );
  Map<String, String> child2 =  new  HashMap<String, String>();
  child2.put( "child" ,  "开封" );
  childList1.add(child1);
  childList1.add(child2);
  //同上
  List<Map<String, String>> childList2 =  new  ArrayList<Map<String, String>>();
  Map<String, String> child3 =  new  HashMap<String, String>();
  child3.put( "child" ,  "海淀" );
  Map<String, String> child4 =  new  HashMap<String, String>();
  child4.put( "child" ,  "昌平" );
  childList2.add(child3);
  childList2.add(child4);
  // 将二级条目放在一个集合里，供显示时使用
  List<List<Map<String, String>>> childs =  new  ArrayList<List<Map<String, String>>>();
  childs.add(childList1);
  childs.add(childList2);
  /**
   * 使用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 adapter =  new  SimpleExpandableListAdapter(
          this , provinces, R.layout.list_group,  new  String[] {  "province"  },
          new  int [] { R.id.list_groupText }, childs, R.layout.child,
          new  String[] {  "child"  },  new  int [] { R.id.child_text });
  setListAdapter(adapter);

这个mainActivity需要继承ExpandableListActivity，当然你可以设置其中的点击事件，只要重写一下方法即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
  * 设置哪个二级目录被默认选中
  */
@Override
public  boolean  setSelectedChild( int  groupPosition,  int  childPosition,
         boolean  shouldExpandGroup) {
         //do something
     return  super .setSelectedChild(groupPosition, childPosition,
             shouldExpandGroup);
}
/**
  * 设置哪个一级目录被默认选中
  */
@Override
public  void  setSelectedGroup( int  groupPosition) {
     //do something
     super .setSelectedGroup(groupPosition);
}
/**
  * 当二级条目被点击时响应
  */
@Override
public  boolean  onChildClick(ExpandableListView parent, View v,
         int  groupPosition,  int  childPosition,  long  id) {
         //do something
     return  super .onChildClick(parent, v, groupPosition, childPosition, id);
}

 效果如下:

 

上面这个例子写的有点单调，其实第二个你子的布局直接是空的也行，例如定义一个images.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?xml version= "1.0"  encoding= "utf-8" ?>
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
     android:layout_width= "wrap_content"
     android:layout_height= "wrap_content"
     android:orientation= "horizontal"  >
 
     <ImageView
         android:src= "@drawable/open"
         android:layout_width= "20dp"
         android:layout_height= "20dp"  />
 
     <TextView
         android:id= "@+id/txtName"
        android:paddingLeft= "10dp"
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"  />
 
</LinearLayout>

然后定义一个items.xml

1
2
3
4
5
6
7
8
<?xml version= "1.0"  encoding= "utf-8" ?>
<TextView xmlns:android= "http://schemas.android.com/apk/res/android"
     android:id= "@+id/items"
     android:layout_width= "wrap_content"
     android:layout_height= "wrap_content"  >
     
 
</TextView>

　代码调用：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
public  class  MyExpandleActivity  extends  Activity {
 
     /**
      * 实现可扩展展开列ExpandableListView的三种方式
      * 一是使用SimpleExpandableListAdpater将两个List集合包装成ExpandableListView 二是
      * 扩展BaseExpandableListAdpter
      * 三是使用simpleCursorTreeAdapter将Cursor中的数据包装成SimpleCuroTreeAdapter
      */
     private  String[] names = {  "腾讯" ,  "百度" ,  "阿里巴巴"  };
 
     private  String[][] childnames = { {  "马化腾" ,  "张小龙" , "社交" },
             {  "李彦宏" ,  "马东敏" , "搜索"  }, {  "马云" ,  "陆兆禧" , "电商"  } };
     private  ExpandableListView ep;
 
     @Override
     protected  void  onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         setContentView(R.layout.activity_my_expandle);
 
         // 定义父列表项List数据集合
         List<Map<String, String>> group =  new  ArrayList<Map<String, String>>();
         // 定义子列表项List数据集合
         List<List<Map<String, String>>> ss =  new  ArrayList<List<Map<String, String>>>();
         for  ( int  i =  0 ; i < names.length; i++) {
             // 提供父列表的数据
             Map<String, String> maps =  new  HashMap<String, String>();
             maps.put( "names" , names[i]);
             group.add(maps);
             // 提供当前父列的子列数据
             List<Map<String, String>> child =  new  ArrayList<Map<String, String>>();
             for  ( int  j =  0 ; j < names.length; j++) {
                 Map<String, String> mapsj =  new  HashMap<String, String>();
                 mapsj.put( "map" , childnames[i][j]);
                 child.add(mapsj);
             }
             ss.add(child);
         }
         /**
          * 第一个参数 应用程序接口 this 第二个父列List<?extends Map<String,Object>>集合 为父列提供数据
          * 第三个参数 父列显示的组件资源文件 第四个参数 键值列表 父列Map字典的key 第五个要显示的父列组件id 第六个 子列的显示资源文件
          * 第七个参数 键值列表的子列Map字典的key 第八个要显示子列的组件id
          */
         SimpleExpandableListAdapter expand =  new  SimpleExpandableListAdapter(
                 this , group, R.layout.images,  new  String[] {  "names"  },
                 new  int [] { R.id.txtName }, ss, R.layout.items,
                 new  String[] {  "map"  },  new  int [] { R.id.items });
         ep = (ExpandableListView) findViewById(R.id.expanable_mylist);
         ep.setAdapter(expand);
 
     }
 
}

　　效果跟上面相同:

 本文转自Fly_Elephant博客园博客，原文链接：http://www.cnblogs.com/xiaofeixiang/p/4107356.html，如需转载请自行联系原作者

上一篇 下一篇
优秀的个人博客,低调大师

微信关注我们

原文链接：https://yq.aliyun.com/articles/367285

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Android记录6--ViewPage+Fragment的使用例子

Android记录6--ViewPage+Fragment的使用例子 2013年9月6日Fragment学习 Fragment这个东西，我到现在才接触到，之前没有用到过，关于Fragment这个东西在官方文档已经介绍了非常清楚了，我还特地转载了官方API的中文翻译，在这我就不浪费口舌了。简单来说，Fragment就是为满足大屏幕的而诞生的，手机屏幕小而平板屏幕就大了，屏幕一大就会产生更多的交互，这是很容易想到的，那么单纯的Activity就不能满足我们的需求了。 今天这个例子是自己做的一个小Demo，简单使用了Fragment,是跟ViewPage结合一起使用的。我想实现的效果是，左右滑动可以从一个Fragment到另一个Fragment的过渡。 看看效果图： 可以看到，两个fragment都可有控件的点击事件，如果是两个Activity我不知道怎么实现，可能会稍微麻烦一点。 简单的ViewPage布局： /2013.09.05_ViewPage_Fragment_Demo/res/layout/activity_main.xml [html] view plain copy &...
2017-11-23
629
上一篇

Android中的树状(tree)列表

树状列表前端挺常用的，还有人专门写过Ztree，Android中有的时候也需要使用到树状列表，上篇文章写了一下ExpandableListView，ExpandableListView最多支持两级结构，Android中没有三层结构的组件，这个时候需要自己去扩展，可以扩展ExpandableListView，也可以选择扩展ListView。个人觉得扩展ListView更简单一点，多级列表你可以一次性加载出来，也可以分级加载出来，一般分级比较好，点了某一级可以控制点击事件然后去加载子级，这样实现起来会想容易一点，也好理解一点。 基础维护 新建一个activity_tree.xml布局文件，里面放一个单独的ListView: 1 2 3 4 5 6 7 8 9 10 11 12 13 <RelativeLayout xmlns:android= "http://schemas.android.com/apk/res/android" xmlns:tools= "http://schemas.android.com/tools" android:layout_width= "matc...
2017-11-23
664
下一篇

相关文章

发表评论

资源下载

更多资源
优质分享App

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

时间: 2025-12-03 大小: 4.36MB 下载: 23次
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

时间: 2025-12-12 大小: 211.28KB 下载: 54次
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

时间: 2026-03-01 大小: 1MB 下载: 6次
Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

时间: 2025-12-03 大小: 9.84MB 下载: 39次
手机查看

扫码在手机上查看文章

扫描二维码，手机阅读更方便

热门标签
Jdk25 SpringBoot4 Service Mesh DeepSeek Nacos3 Redis HarmonyOS6 Kubernetes Rocky Gemini3 OpenAi SpringCloud Docker

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册