Android 高仿QQ 好友分组列表

来源：互联网发布：企业店铺淘宝证件编辑：程序博客网时间：2024/04/30 02:22

Android 高仿QQ 好友分组列表 [复制链接]

愤怒的小鸟

版主

Rank: 7 Rank: 7 Rank: 7

TA的每日心情

开心
2013-9-3 11:05:05

签到天数: 16 天

[LV.4]偶尔看看III

串个门
加好友
打招呼
发消息

电梯直达

楼主

发表于 2012-11-4 10:53:02 |只看该作者 |倒序浏览

本帖最后由愤怒的小鸟于 2012-11-4 10:53 编辑

实现的效果如下：

用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;
}
}

复制代码

0 0