Android数据适配-ExpandableListView

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);        }   }

　　效果跟上面相同:

 

作者:FlyElephant
出处: http://www.cnblogs.com/xiaofeixiang
说明:博客经个人辛苦努力所得，如有转载会特别申明，博客不求技惊四座，但求与有缘人分享个人学习知识,生活学习提高之用，博客所有权归本人和博客园所有，如有转载请在显著位置给出博文链接和作者姓名，否则本人将付诸法律。