程序博客网 > 熊猫网络广播电视

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

来源：互联网 发布：熊猫网络广播电视 编辑：程序博客网 时间：2024/04/30 07:36

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

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


 

主代码：

[java] view plaincopy
  1. public class ExListView extends Activity {  
  2.     private static final String GROUP_TEXT = "group_text";//大组成员Map的key  
  3.     private static final String CHILD_TEXT1 = "child_text1";//小组成员Map的第一个key  
  4.     private static final String CHILD_TEXT2 = "child_text2";//小组成员Map的第二个key  
  5.   
  6.     List<Map<String, String>> groupData = new ArrayList<Map<String, String>>();//大组成员  
  7.     List<List<Map<String, String>>> childData = new ArrayList<List<Map<String, String>>>();//小组成员  
  8.   
  9.     ExAdapter adapter;  
  10.     ExpandableListView exList;//可扩展的ListView  
  11.   
  12.     @Override  
  13.     public void onCreate(Bundle savedInstanceState) {  
  14.         super.onCreate(savedInstanceState);  
  15.         setContentView(R.layout.main);  
  16.         //为大小组中添加数据  
  17.         for (int i = 1; i < 6; i++) {  
  18.             Map<String, String> curGroupMap = new HashMap<String, String>();  
  19.             groupData.add(curGroupMap);  
  20.             curGroupMap.put(GROUP_TEXT, "第" + i + "大组");  
  21.   
  22.             List<Map<String, String>> children = new ArrayList<Map<String, String>>();  
  23.             for (int j = 1; j < 6; j++) {  
  24.                 Map<String, String> curChildMap = new HashMap<String, String>();  
  25.                 children.add(curChildMap);  
  26.                 curChildMap.put(CHILD_TEXT1, "第" + j + "小组");  
  27.                 curChildMap.put(CHILD_TEXT2, "第" + j + "小组签名");  
  28.             }  
  29.             childData.add(children);  
  30.         }  
  31.   
  32.         adapter = new ExAdapter(ExListView.this);  
  33.         exList = (ExpandableListView) findViewById(R.id.list);  
  34.         exList.setAdapter(adapter);  
  35.         exList.setGroupIndicator(null);//不设置大组指示器图标，因为我们自定义设置了  
  36.         exList.setDivider(null);//设置图片可拉伸的  
  37.     }  
  38.     //关键代码是这个可扩展的listView适配器  
  39.     class ExAdapter extends BaseExpandableListAdapter {  
  40.         Context context;  
  41.   
  42.         public ExAdapter(Context context) {  
  43.             super();  
  44.             this.context = context;  
  45.         }  
  46.         //得到大组成员的view  
  47.         public View getGroupView(int groupPosition, boolean isExpanded,  
  48.                 View convertView, ViewGroup parent) {  
  49.             View view = convertView;  
  50.             if (view == null) {  
  51.                 LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
  52.                 view = inflater.inflate(R.layout.member_listview, null);  
  53.             }  
  54.   
  55.             TextView title = (TextView) view.findViewById(R.id.content_001);  
  56.             title.setText(getGroup(groupPosition).toString());//设置大组成员名称  
  57.   
  58.             ImageView image = (ImageView) view.findViewById(R.id.tubiao);//是否展开大组的箭头图标  
  59.             if (isExpanded)//大组展开时  
  60.                 image.setBackgroundResource(R.drawable.btn_browser2);  
  61.             else//大组合并时  
  62.                 image.setBackgroundResource(R.drawable.btn_browser);  
  63.   
  64.             return view;  
  65.         }  
  66.         //得到大组成员的id  
  67.         public long getGroupId(int groupPosition) {  
  68.             return groupPosition;  
  69.         }  
  70.         //得到大组成员名称  
  71.         public Object getGroup(int groupPosition) {  
  72.             return groupData.get(groupPosition).get(GROUP_TEXT).toString();  
  73.         }  
  74.         //得到大组成员总数  
  75.         public int getGroupCount() {  
  76.             return groupData.size();  
  77.   
  78.         }  
  79.   
  80.         // 得到小组成员的view  
  81.         public View getChildView(int groupPosition, int childPosition,  
  82.                 boolean isLastChild, View convertView, ViewGroup parent) {  
  83.             View view = convertView;  
  84.             if (view == null) {  
  85.                 LayoutInflater inflater = LayoutInflater.from(context);  
  86.                 view = inflater.inflate(R.layout.member_childitem, null);  
  87.             }  
  88.             final TextView title = (TextView) view  
  89.                     .findViewById(R.id.child_text);  
  90.             title.setText(childData.get(groupPosition).get(childPosition)  
  91.                     .get(CHILD_TEXT1).toString());//大标题  
  92.             final TextView title2 = (TextView) view  
  93.                     .findViewById(R.id.child_text2);  
  94.             title2.setText(childData.get(groupPosition).get(childPosition)  
  95.                     .get(CHILD_TEXT2).toString());//小标题  
  96.   
  97.             return view;  
  98.         }  
  99.         //得到小组成员id  
  100.         public long getChildId(int groupPosition, int childPosition) {  
  101.             return childPosition;  
  102.         }  
  103.         //得到小组成员的名称  
  104.         public Object getChild(int groupPosition, int childPosition) {  
  105.             return childData.get(groupPosition).get(childPosition).get(CHILD_TEXT1)  
  106.                     .toString();  
  107.         }  
  108.         //得到小组成员的数量  
  109.         public int getChildrenCount(int groupPosition) {  
  110.             return childData.get(groupPosition).size();  
  111.         }  
  112.         /** 
  113.          * Indicates whether the child and group IDs are stable across changes to the 
  114.          * underlying data. 
  115.          * 表明大組和小组id是否稳定的更改底层数据。 
  116.          * @return whether or not the same ID always refers to the same object 
  117.          * @see Adapter#hasStableIds() 
  118.          */  
  119.         public boolean hasStableIds() {  
  120.             return true;  
  121.         }  
  122.         //得到小组成员是否被选择  
  123.         public boolean isChildSelectable(int groupPosition, int childPosition) {  
  124.             return true;  
  125.         }  
  126.   
  127.     }  
  128. }  


主界面配置文件main.xml:

[html] view plaincopy
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     android:background="@drawable/default_bg" >  
  6.   
  7.     <ExpandableListView  
  8.         android:id="@+id/list"  
  9.         android:layout_width="fill_parent"  
  10.         android:layout_height="fill_parent"  
  11.         android:layout_alignParentLeft="true" android:cacheColorHint="#00000000" /><!-- 背景设置为透明，防止滑动时，白屏 -->  
  12.   
  13. </RelativeLayout>  


大组成员配置文件member_listview.xml：

[html] view plaincopy
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="wrap_content"  
  5.     android:layout_gravity="center_horizontal" >  
  6.   
  7.     <LinearLayout  
  8.         android:id="@+id/layout_013"  
  9.         android:layout_width="fill_parent"  
  10.         android:layout_height="wrap_content"  
  11.         android:orientation="horizontal" >  
  12.   
  13.         <ImageView  
  14.             android:id="@+id/ImageView01"  
  15.             android:layout_width="wrap_content"  
  16.             android:layout_height="wrap_content"  
  17.             android:gravity="center_vertical"  
  18.             android:paddingTop="10dp"  
  19.             android:src="@drawable/user_group" >  
  20.         </ImageView>  
  21.   
  22.         <RelativeLayout  
  23.             android:id="@+id/layout_013"  
  24.             android:layout_width="wrap_content"  
  25.             android:layout_height="wrap_content" >  
  26.   
  27.             <TextView  
  28.                 android:id="@+id/content_001"  
  29.                 android:layout_width="wrap_content"  
  30.                 android:layout_height="fill_parent"  
  31.                 android:layout_gravity="center_vertical"  
  32.                 android:gravity="center_vertical"  
  33.                 android:paddingLeft="10dp"  
  34.                 android:textColor="#FFFFFF"  
  35.                 android:textSize="30sp" >  
  36.             </TextView>  
  37.   
  38.             <ImageView  
  39.                 android:id="@+id/tubiao"  
  40.                 android:layout_width="wrap_content"  
  41.                 android:layout_height="wrap_content"  
  42.                 android:layout_alignParentRight="true" >  
  43.             </ImageView>  
  44.         </RelativeLayout>  
  45.     </LinearLayout>  
  46.   
  47.     <!--  
  48.    <RelativeLayout android:id="@+id/layout_013"   
  49.                 android:layout_width="fill_parent"   
  50.                 android:layout_height="fill_parent">  
  51.        <ImageView android:id="@+id/ImageView01"   
  52.                   android:layout_width="wrap_content"   
  53.                   android:layout_height="wrap_content"  
  54.                   android:src="@drawable/icon"></ImageView>  
  55.        <TextView android:id="@+id/content_001"   
  56.                  android:text="@+id/TextView01"   
  57.                  android:layout_width="wrap_content"   
  58.                  android:layout_toRightOf="@+id/ImageView01"   
  59.                  android:layout_height="wrap_content"></TextView>  
  60.       <ImageView android:layout_width="wrap_content"   
  61.                  android:layout_toRightOf="@+id/content_001"   
  62.                  android:layout_height="wrap_content"   
  63.                  android:id="@+id/tubiao"></ImageView>  
  64.    </RelativeLayout>  
  65.   
  66.   
  67.     -->  
  68.   
  69. </LinearLayout>  


小组成员配置文件member_childitem.xml：

[html] view plaincopy
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:id="@+id/childlayout"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     android:orientation="horizontal" >  
  7.   
  8.     <ImageView  
  9.         android:id="@+id/child_image"  
  10.         android:layout_width="wrap_content"  
  11.         android:layout_height="wrap_content"  
  12.         android:layout_marginLeft="40dp"  
  13.         android:background="@drawable/child_image"  
  14.         android:paddingTop="10dp" >  
  15.     </ImageView>  
  16.   
  17.     <LinearLayout  
  18.         android:layout_width="wrap_content"  
  19.         android:layout_height="wrap_content"  
  20.         android:orientation="vertical" >  
  21.   
  22.         <TextView  
  23.             android:id="@+id/child_text"  
  24.             android:layout_width="wrap_content"  
  25.             android:layout_height="wrap_content"  
  26.             android:layout_gravity="center_vertical"  
  27.             android:gravity="center_vertical"  
  28.             android:text=""  
  29.             android:textColor="#FFFFFF"  
  30.             android:textSize="25sp" >  
  31.         </TextView>  
  32.   
  33.         <TextView  
  34.             android:id="@+id/child_text2"  
  35.             android:layout_width="wrap_content"  
  36.             android:layout_height="wrap_content"  
  37.             android:layout_gravity="center_vertical"  
  38.             android:gravity="center_vertical"  
  39.             android:text=""  
  40.             android:textColor="#FFFFFF"  
  41.             android:textSize="20sp" >  
  42.         </TextView>  
  43.     </LinearLayout>  
  44.   
  45. </LinearLayout>  

原文：http://blog.csdn.net/way_ping_li/article/details/7995552
0 0
熊猫网络广播电视 熊猫网络广播电视
原创粉丝点击
热门IT博客
西南大学网络教育平台西南大学网络教育平台
北京写真推荐 知乎北京写真推荐 知乎
php获取url参数
mysql 默认值当前时间
店侦探软件下载
desmume关闭软件复位
软件的版权声明
淘宝云客服哪个部门好
淘宝账户被盗用
淘宝爆款广告语
人邮学院网络课程
安徽财经大学网络教学
json转化为字符串
今天经济数据
wifi网络共享怎么设置
js猜数字游戏代码
c语言输入多组数据
dsm数据
拍慢动作视频软件
网络草原好听歌曲
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 乌拉泊 盖乌斯尤利乌斯恺撒 乌云盖雪 小乌拉盖 乌拉盖草原旅游 乌拉盖招聘信息 乌拉盖管理区电视台 乌拉盖草原旅游攻略 乌拉草是什么 乌拉街满族镇旅游 乌敏岛 乌斯河 乌日娜 乌山云雨作品 乌云密布 梦见乌云密布 乌山云雨 乌云密布造句 乌云密布图片 梦见天空乌云密布 乌云登珠作品 乌云界生态园门票 乌云其其格 梦见乌云密布要下雨 形容乌云的词语 乌云密布的意思 什么的乌云 女人梦见突然乌云密布 被遗忘的秘密乌云冉冉 乌加耳刀念什么 乌木喉 失林之乌 乌栖曲 李白乌栖曲 乌根清 乌桕树叶图片 乌梅丸上热下寒 乌梅丸 上热下寒 乌梅丸哪里有卖 乌梅丸同仁堂 乌梅丸功效

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里