Android數據適配-ExpandableListView

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