Android 高仿QQ 好友分组列表

实现的效果如下：

用ExpandableListView实现，

先看Activity的代码：

package com.example;


import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.ExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
import android.widget.ExpandableListView.OnGroupCollapseListener;
import android.widget.ExpandableListView.OnGroupExpandListener;
import android.widget.Toast;


public class MainActivity extends Activity {


ExpandableListView expandablelistview;
// 群组名称
private String[] group = new String[] { "在线好友", "我的好友", "我的同事" };
// 好友名称
private String[][] buddy = new String[][] { { "元芳", "雷丶小贱", "狄大人" }, { "高太后", "士兵甲", "士兵乙", "士兵丙" },
{ "艺术家", "叫兽", "攻城师", "职业玩家" } };


public void onCreate(Bundle savedInstanceState) {  
       super.onCreate(savedInstanceState);  
       requestWindowFeature(Window.FEATURE_NO_TITLE);  
       setContentView(R.layout.activity_main);  
         
       expandablelistview= (ExpandableListView) findViewById(R.id.buddy_expandablelistview);  
       ExpandableListAdapter adapter=new BuddyAdapter(this,group,buddy);  
       expandablelistview.setAdapter(adapter);  
       //分组展开  
       expandablelistview.setOnGroupExpandListener(new OnGroupExpandListener(){  
           public void onGroupExpand(int groupPosition) {  
           }  
       });  
       //分组关闭  
       expandablelistview.setOnGroupCollapseListener(new OnGroupCollapseListener(){  
           public void onGroupCollapse(int groupPosition) {  
           }  
       });  
       //子项单击  
       expandablelistview.setOnChildClickListener(new OnChildClickListener(){  
           public boolean onChildClick(ExpandableListView arg0, View arg1,  
                   int groupPosition, int childPosition, long arg4) {  
               Toast.makeText(MainActivity.this,   
                       group[groupPosition]+" : "+buddy[groupPosition][childPosition],   
                       Toast.LENGTH_SHORT).show();  
               return false;  
           }  
       });  
   }


}

ExpandableListView的布局有2个，分别是组的布局和子项（即好友），

先看buddy_listview_group_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="30dip" >


    <ImageView
        android:id="@+id/buddy_listview_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="10dp"
        android:src="@drawable/ic_launcher" />


    <TextView
        android:id="@+id/buddy_listview_group_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/buddy_listview_image"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/buddy_listview_image"
        android:text="分组名称" />


    <TextView
        android:id="@+id/buddy_listview_group_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="10dp"
        android:text="[10/10]" />


</RelativeLayout>

下面是buddy_listview_child_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="40dip" >


    <ImageView
        android:id="@+id/buddy_listview_child_avatar"
        android:layout_width="40dip"
        android:layout_height="40dip"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="10dp"
        android:src="@drawable/ic_launcher" />


    <TextView
        android:id="@+id/buddy_listview_child_nick"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+id/buddy_listview_child_avatar"
        android:text="昵称"
        android:textSize="16sp" />


    <TextView
        android:id="@+id/buddy_listview_child_trends"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/buddy_listview_child_nick"
        android:layout_alignParentBottom="true"
        android:text="该好友暂时没有新动态"
        android:textSize="12sp" />


</RelativeLayout>

Adapter自然是对应的BaseExpandableListAdapter

package com.example;


import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.TextView;


public class BuddyAdapter extends BaseExpandableListAdapter {
private String[] group;
private String[][] buddy;
private Context context;
LayoutInflater inflater;


public BuddyAdapter(Context context, String[] group, String[][] buddy) {
this.context = context;
inflater = LayoutInflater.from(context);
this.group = group;
this.buddy = buddy;
}


public Object getChild(int groupPosition, int childPosition) {
return buddy[groupPosition][childPosition];
}


public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}


public View getChildView(int groupPosition, int childPosition, boolean arg2, View convertView, ViewGroup arg4) {
convertView = inflater.inflate(R.layout.buddy_listview_child_item, null);
TextView nickTextView = (TextView) convertView.findViewById(R.id.buddy_listview_child_nick);
nickTextView.setText(getChild(groupPosition, childPosition).toString());
return convertView;
}


public int getChildrenCount(int groupPosition) {
return buddy[groupPosition].length;
}


public Object getGroup(int groupPosition) {
return group[groupPosition];
}


public int getGroupCount() {
return group.length;
}


public long getGroupId(int groupPosition) {
return groupPosition;
}


public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup arg3) {
convertView = inflater.inflate(R.layout.buddy_listview_group_item, null);
TextView groupNameTextView = (TextView) convertView.findViewById(R.id.buddy_listview_group_name);
groupNameTextView.setText(getGroup(groupPosition).toString());
ImageView image = (ImageView) convertView.findViewById(R.id.buddy_listview_image);
image.setImageResource(R.drawable.ic_launcher);
// 更换展开分组图片
if (!isExpanded) {
image.setImageResource(R.drawable.ic_launcher);
}
return convertView;
}


public boolean hasStableIds() {
return true;
}


// 子选项是否可以选择
public boolean isChildSelectable(int arg0, int arg1) {
// TODO Auto-generated method stub
return true;
}


}