在项目开发中,也许我们遇到过ListView中嵌套ListView,但谷歌建议我们最好别这样做,因此他们写好了一个ExpandableListView类,他继承ListView,可以实现ListView中嵌套ListView的效果,好了,废话不多说,先上效果图:
点击下载源码:仿QQ好友分组源代码
主代码:
[java] view plain copy public class ExListView extends Activity { private static final String GROUP_TEXT = "group_text";//大组成员Map的key private static final String CHILD_TEXT1 = "child_text1";//小组成员Map的第一个key private static final String CHILD_TEXT2 = "child_text2";//小组成员Map的第二个key List<Map<String, String>> groupData = new ArrayList<Map<String, String>>();//大组成员 List<List<Map<String, String>>> childData = new ArrayList<List<Map<String, String>>>();//小组成员 ExAdapter adapter; ExpandableListView exList;//可扩展的ListView @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //为大小组中添加数据 for (int i = 1; i < 6; i++) { Map<String, String> curGroupMap = new HashMap<String, String>(); groupData.add(curGroupMap); curGroupMap.put(GROUP_TEXT, "第" + i + "大组"); List<Map<String, String>> children = new ArrayList<Map<String, String>>(); for (int j = 1; j < 6; j++) { Map<String, String> curChildMap = new HashMap<String, String>(); children.add(curChildMap); curChildMap.put(CHILD_TEXT1, "第" + j + "小组"); curChildMap.put(CHILD_TEXT2, "第" + j + "小组签名"); } childData.add(children); } adapter = new ExAdapter(ExListView.this); exList = (ExpandableListView) findViewById(R.id.list); exList.setAdapter(adapter); exList.setGroupIndicator(null);//不设置大组指示器图标,因为我们自定义设置了 exList.setDivider(null);//设置图片可拉伸的 } //关键代码是这个可扩展的listView适配器 class ExAdapter extends BaseExpandableListAdapter { Context context; public ExAdapter(Context context) { super(); this.context = context; } //得到大组成员的view public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) { View view = convertView; if (view == null) { LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); view = inflater.inflate(R.layout.member_listview, null); } TextView title = (TextView) view.findViewById(R.id.content_001); title.setText(getGroup(groupPosition).toString());//设置大组成员名称 ImageView image = (ImageView) view.findViewById(R.id.tubiao);//是否展开大组的箭头图标 if (isExpanded)//大组展开时 image.setBackgroundResource(R.drawable.btn_browser2); else//大组合并时 image.setBackgroundResource(R.drawable.btn_browser); return view; } //得到大组成员的id public long getGroupId(int groupPosition) { return groupPosition; } //得到大组成员名称 public Object getGroup(int groupPosition) { return groupData.get(groupPosition).get(GROUP_TEXT).toString(); } //得到大组成员总数 public int getGroupCount() { return groupData.size(); } // 得到小组成员的view public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) { View view = convertView; if (view == null) { LayoutInflater inflater = LayoutInflater.from(context); view = inflater.inflate(R.layout.member_childitem, null); } final TextView title = (TextView) view .findViewById(R.id.child_text); title.setText(childData.get(groupPosition).get(childPosition) .get(CHILD_TEXT1).toString());//大标题 final TextView title2 = (TextView) view .findViewById(R.id.child_text2); title2.setText(childData.get(groupPosition).get(childPosition) .get(CHILD_TEXT2).toString());//小标题 return view; } //得到小组成员id public long getChildId(int groupPosition, int childPosition) { return childPosition; } //得到小组成员的名称 public Object getChild(int groupPosition, int childPosition) { return childData.get(groupPosition).get(childPosition).get(CHILD_TEXT1) .toString(); } //得到小组成员的数量 public int getChildrenCount(int groupPosition) { return childData.get(groupPosition).size(); } /** * Indicates whether the child and group IDs are stable across changes to the * underlying data. * 表明大組和小组id是否稳定的更改底层数据。 * @return whether or not the same ID always refers to the same object * @see Adapter#hasStableIds() */ public boolean hasStableIds() { return true; } //得到小组成员是否被选择 public boolean isChildSelectable(int groupPosition, int childPosition) { return true; } } }主界面配置文件main.xml:
[html] view plain copy <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/default_bg" > <ExpandableListView android:id="@+id/list" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_alignParentLeft="true" android:cacheColorHint="#00000000" /><!-- 背景设置为透明,防止滑动时,白屏 --> </RelativeLayout>大组成员配置文件member_listview.xml:
[html] view plain copy <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" > <LinearLayout android:id="@+id/layout_013" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageView android:id="@+id/ImageView01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:paddingTop="10dp" android:src="@drawable/user_group" > </ImageView> <RelativeLayout android:id="@+id/layout_013" android:layout_width="wrap_content" android:layout_height="wrap_content" > <TextView android:id="@+id/content_001" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_gravity="center_vertical" android:gravity="center_vertical" android:paddingLeft="10dp" android:textColor="#FFFFFF" android:textSize="30sp" > </TextView> <ImageView android:id="@+id/tubiao" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" > </ImageView> </RelativeLayout> </LinearLayout> <!-- <RelativeLayout android:id="@+id/layout_013" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:id="@+id/ImageView01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon"></ImageView> <TextView android:id="@+id/content_001" android:text="@+id/TextView01" android:layout_width="wrap_content" android:layout_toRightOf="@+id/ImageView01" android:layout_height="wrap_content"></TextView> <ImageView android:layout_width="wrap_content" android:layout_toRightOf="@+id/content_001" android:layout_height="wrap_content" android:id="@+id/tubiao"></ImageView> </RelativeLayout> --> </LinearLayout>小组成员配置文件member_childitem.xml:
[html] view plain copy <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/childlayout" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <ImageView android:id="@+id/child_image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="40dp" android:background="@drawable/child_image" android:paddingTop="10dp" > </ImageView> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <TextView android:id="@+id/child_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:gravity="center_vertical" android:text="" android:textColor="#FFFFFF" android:textSize="25sp" > </TextView> <TextView android:id="@+id/child_text2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:gravity="center_vertical" android:text="" android:textColor="#FFFFFF" android:textSize="20sp" > </TextView> </LinearLayout> </LinearLayout>