Android之实现QQ好友分组(ExpandableListView)

在项目开发中，也许我们遇到过ListView中嵌套ListView，但谷歌建议我们最好别这样做，因此他们写好了一个ExpandableListView类，他继承ListView，可以实现ListView中嵌套ListView的效果，好了，废话不多说，先上效果图：

点击下载源码：仿QQ好友分组源代码

主代码：

[java]view plaincopypublicclassExListViewextendsActivity{ privatestaticfinalStringGROUP_TEXT="group_text";//大组成员Map的key privatestaticfinalStringCHILD_TEXT1="child_text1";//小组成员Map的第一个key privatestaticfinalStringCHILD_TEXT2="child_text2";//小组成员Map的第二个key List<Map<String,String>>groupData=newArrayList<Map<String,String>>();//大组成员 List<List<Map<String,String>>>childData=newArrayList<List<Map<String,String>>>();//小组成员 ExAdapteradapter; ExpandableListViewexList;//可扩展的ListView @Override publicvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.main); //为大小组中添加数据 for(inti=1;i<6;i++){ Map<String,String>curGroupMap=newHashMap<String,String>(); groupData.add(curGroupMap); curGroupMap.put(GROUP_TEXT,"第"+i+"大组"); List<Map<String,String>>children=newArrayList<Map<String,String>>(); for(intj=1;j<6;j++){ Map<String,String>curChildMap=newHashMap<String,String>(); children.add(curChildMap); curChildMap.put(CHILD_TEXT1,"第"+j+"小组"); curChildMap.put(CHILD_TEXT2,"第"+j+"小组签名"); } childData.add(children); } adapter=newExAdapter(ExListView.this); exList=(ExpandableListView)findViewById(R.id.list); exList.setAdapter(adapter); exList.setGroupIndicator(null);//不设置大组指示器图标，因为我们自定义设置了 exList.setDivider(null);//设置图片可拉伸的 } //关键代码是这个可扩展的listView适配器 classExAdapterextendsBaseExpandableListAdapter{ Contextcontext; publicExAdapter(Contextcontext){ super(); this.context=context; } //得到大组成员的view publicViewgetGroupView(intgroupPosition,booleanisExpanded, ViewconvertView,ViewGroupparent){ Viewview=convertView; if(view==null){ LayoutInflaterinflater=(LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE); view=inflater.inflate(R.layout.member_listview,null); } TextViewtitle=(TextView)view.findViewById(R.id.content_001); title.setText(getGroup(groupPosition).toString());//设置大组成员名称 ImageViewimage=(ImageView)view.findViewById(R.id.tubiao);//是否展开大组的箭头图标 if(isExpanded)//大组展开时 image.setBackgroundResource(R.drawable.btn_browser2); else//大组合并时 image.setBackgroundResource(R.drawable.btn_browser); returnview; } //得到大组成员的id publiclonggetGroupId(intgroupPosition){ returngroupPosition; } //得到大组成员名称 publicObjectgetGroup(intgroupPosition){ returngroupData.get(groupPosition).get(GROUP_TEXT).toString(); } //得到大组成员总数 publicintgetGroupCount(){ returngroupData.size(); } //得到小组成员的view publicViewgetChildView(intgroupPosition,intchildPosition, booleanisLastChild,ViewconvertView,ViewGroupparent){ Viewview=convertView; if(view==null){ LayoutInflaterinflater=LayoutInflater.from(context); view=inflater.inflate(R.layout.member_childitem,null); } finalTextViewtitle=(TextView)view .findViewById(R.id.child_text); title.setText(childData.get(groupPosition).get(childPosition) .get(CHILD_TEXT1).toString());//大标题 finalTextViewtitle2=(TextView)view .findViewById(R.id.child_text2); title2.setText(childData.get(groupPosition).get(childPosition) .get(CHILD_TEXT2).toString());//小标题 returnview; } //得到小组成员id publiclonggetChildId(intgroupPosition,intchildPosition){ returnchildPosition; } //得到小组成员的名称 publicObjectgetChild(intgroupPosition,intchildPosition){ returnchildData.get(groupPosition).get(childPosition).get(CHILD_TEXT1) .toString(); } //得到小组成员的数量 publicintgetChildrenCount(intgroupPosition){ returnchildData.get(groupPosition).size(); } /** *IndicateswhetherthechildandgroupIDsarestableacrosschangestothe *underlyingdata. *表明大組和小组id是否稳定的更改底层数据。 *@returnwhetherornotthesameIDalwaysreferstothesameobject *@seeAdapter#hasStableIds() */ publicbooleanhasStableIds(){ returntrue; } //得到小组成员是否被选择 publicbooleanisChildSelectable(intgroupPosition,intchildPosition){ returntrue; } } }

主界面配置文件main.xml:

[html]view plaincopy<RelativeLayoutxmlns:android="/apk/res/android" xmlns:tools="/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 plaincopy<LinearLayoutxmlns:android="/apk/res/android" xmlns:tools="/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> <!-- <RelativeLayoutandroid:id="@+id/layout_013" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageViewandroid:id="@+id/ImageView01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon"></ImageView> <TextViewandroid:id="@+id/content_001" android:text="@+id/TextView01" android:layout_width="wrap_content" android:layout_toRightOf="@+id/ImageView01" android:layout_height="wrap_content"></TextView> <ImageViewandroid: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 plaincopy<LinearLayoutxmlns:android="/apk/res/android" xmlns:tools="/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>

原文：/way_ping_li/article/details/7995552