Android数据适配-ExpandableListView-低调大师

Android数据适配-ExpandableListView

2017-11-22 545

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

布局文件

先看下效果：

main中xml代码:

 
         <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:

 
         <?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:

 
         <?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文档:

 
         // 创建一级条目
        
         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，当然你可以设置其中的点击事件，只要重写一下方法即可:

 
         /**
        
         * 设置哪个二级目录被默认选中 
        
         */ 
        
         @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

 
         <?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

 
         <?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>

　代码调用：

 
         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-22

648

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-22

690

发表评论

资源下载

更多资源

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

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

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。