Android 高仿QQ 好友分组列表

效果如下：

用ExpandableListView实现，
先看Activity的代码：

public class BuddyActivity 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_buddy);                    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(BuddyActivity.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"       android:background="@drawable/group_fold_bg">      <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/group_fold_arrow" />      <TextView          android:id="@+id/buddy_listview_group_name"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:layout_centerVertical="true"          android:layout_alignTop="@+id/buddy_listview_image"          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/avatar" />          <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

 

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.group_unfold_arrow);          //更换展开分组图片          if(!isExpanded){              image.setImageResource(R.drawable.group_fold_arrow);          }          return convertView;      }        public boolean hasStableIds() {          return true;      }      // 子选项是否可以选择        public boolean isChildSelectable(int arg0, int arg1) {          // TODO Auto-generated method stub          return true;      }  }