在项目开发中,也许我们遇到过ListView中嵌套ListView,但谷歌建议我们最好别这样做,因此他们写好了一个ExpandableListView类,他继承ListView,可以实现ListView中嵌套ListView的效果,好了,废话不多说,先上效果图:
点击下载源码:仿QQ好友分组源代码
主代码:
public class ExListView extends Activity {
private static final String GROUP_TEXT = "group_text";//大组成员Map的key
private static final String CHILD_TEXT1 = "child_text1";//小组成员Map的第一个key
private static final String CHILD_TEXT2 = "child_text2";//小组成员Map的第二个key
List<Map<String, String>> groupData = new ArrayList<Map<String, String>>();//大组成员
List<List<Map<String, String>>> childData = new ArrayList<List<Map<String, String>>>();//小组成员
ExAdapter adapter;
ExpandableListView exList;//可扩展的ListView
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//为大小组中添加数据
for (int i = 1; i < 6; i++) {
Map<String, String> curGroupMap = new HashMap<String, String>();
groupData.add(curGroupMap);
curGroupMap.put(GROUP_TEXT, "第" + i + "大组");
List<Map<String, String>> children = new ArrayList<Map<String, String>>();
for (int j = 1; j < 6; j++) {
Map<String, String> curChildMap = new HashMap<String, String>();
children.add(curChildMap);
curChildMap.put(CHILD_TEXT1, "第" + j + "小组");
curChildMap.put(CHILD_TEXT2, "第" + j + "小组签名");
}
childData.add(children);
}
adapter = new ExAdapter(ExListView.this);
exList = (ExpandableListView) findViewById(R.id.list);
exList.setAdapter(adapter);
exList.setGroupIndicator(null);//不设置大组指示器图标,因为我们自定义设置了
exList.setDivider(null);//设置图片可拉伸的
}
//关键代码是这个可扩展的listView适配器
class ExAdapter extends BaseExpandableListAdapter {
Context context;
public ExAdapter(Context context) {
super();
this.context = context;
}
//得到大组成员的view
public View getGroupView(int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent) {
View view = convertView;
if (view == null) {
LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
view = inflater.inflate(R.layout.member_listview, null);
}
TextView title = (TextView) view.findViewById(R.id.content_001);
title.setText(getGroup(groupPosition).toString());//设置大组成员名称
ImageView image = (ImageView) view.findViewById(R.id.tubiao);//是否展开大组的箭头图标
if (isExpanded)//大组展开时
image.setBackgroundResource(R.drawable.btn_browser2);
else//大组合并时
image.setBackgroundResource(R.drawable.btn_browser);
return view;
}
//得到大组成员的id
public long getGroupId(int groupPosition) {
return groupPosition;
}
//得到大组成员名称
public Object getGroup(int groupPosition) {
return groupData.get(groupPosition).get(GROUP_TEXT).toString();
}
//得到大组成员总数
public int getGroupCount() {
return groupData.size();
}
// 得到小组成员的view
public View getChildView(int groupPosition, int childPosition,
boolean isLastChild, View convertView, ViewGroup parent) {
View view = convertView;
if (view == null) {
LayoutInflater inflater = LayoutInflater.from(context);
view = inflater.inflate(R.layout.member_childitem, null);
}
final TextView title = (TextView) view
.findViewById(R.id.child_text);
title.setText(childData.get(groupPosition).get(childPosition)
.get(CHILD_TEXT1).toString());//大标题
final TextView title2 = (TextView) view
.findViewById(R.id.child_text2);
title2.setText(childData.get(groupPosition).get(childPosition)
.get(CHILD_TEXT2).toString());//小标题
return view;
}
//得到小组成员id
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}
//得到小组成员的名称
public Object getChild(int groupPosition, int childPosition) {
return childData.get(groupPosition).get(childPosition).get(CHILD_TEXT1)
.toString();
}
//得到小组成员的数量
public int getChildrenCount(int groupPosition) {
return childData.get(groupPosition).size();
}
/**
* Indicates whether the child and group IDs are stable across changes to the
* underlying data.
* 表明大組和小组id是否稳定的更改底层数据。
* @return whether or not the same ID always refers to the same object
* @see Adapter#hasStableIds()
*/
public boolean hasStableIds() {
return true;
}
//得到小组成员是否被选择
public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}
}
}
主界面配置文件main.xml:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/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:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/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>
<!--
<RelativeLayout android:id="@+id/layout_013"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView android:id="@+id/ImageView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/icon"></ImageView>
<TextView android:id="@+id/content_001"
android:text="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_toRightOf="@+id/ImageView01"
android:layout_height="wrap_content"></TextView>
<ImageView android: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:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/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>
好了,今天就到这里,中午休息一会。。。
分享到:
相关推荐
本项目是基于Android开发的仿QQ好友分组ExpandableListView,包含71个文件,其中包括49个PNG图像、10个XML配置文件、6个Java源代码文件、1个gitignore文件、1个Markdown文档、1个Gradle构建文件、1个Idea配置文件、1...
在Android开发中,有时我们需要...通过创建数据模型、适配器和设置事件监听,我们可以轻松实现类似QQ好友分组的列表。这个例子不仅展示了基本用法,还提供了实际代码参考,对于学习和实践Android UI设计非常有帮助。
在Android开发中,ExpandableListView是一个非常实用的控件,它可以展示可展开和折叠的列表,非常适合用来模拟QQ好友分组这样的场景。本教程将详细讲解如何利用ExpandableListView实现类似QQ好友分组的功能。 首先...
模仿QQ好友列表的ExpandableListView实现的效果 现在已实现一个封装好的类出来,只需要把此控件放到RelativeLayout容器中,然后在其Adapter的自定义对象中实现一个HideGroup方法。就可以在Activity里不使用代码实现...
总结来说,"Android仿qq好友分组"项目涉及了Android UI设计、数据绑定、自定义`Adapter`、`ExpandableListView`的使用、图片资源的管理以及动态加载和缓存策略等多个重要知识点。通过实现这样的功能,开发者可以提升...
因为ListView只能显示一级列表,如果实现像QQ好友列表那样的效果,就需要用到ExpandableListView,入门新手可能对该控件不是很熟悉,通过本Android源码你将了解一下基本用法,其实跟ListView差不多。 注:测试时...
在这个项目中,“ExpandableListView 实现QQ好友动态与评价”是一个很好的实践示例,它模拟了类似QQ应用中的好友动态展示方式,允许用户查看并交互好友的动态信息以及相关的评论。 首先,`ExpandableListView`的...
在Android开发中,"仿QQ我的好友界面ExpandableListView应用"是一个常见的需求,它涉及到对ExpandableListView组件的深入理解和定制。ExpandableListView是Android SDK提供的一种可扩展的列表视图,它可以显示分组...
在这个“Android仿QQ好友列表分组实现增删改及持久化Demo”中,我们将深入探讨如何实现这样一个功能,并讨论其中的关键知识点。 1. **数据结构与模型设计** - **好友模型**:首先,我们需要定义一个表示好友的数据...
在Android开发中,`ExpandableListView`是一种常用的控件,它允许用户展开和折叠不同的组,每个组下可以包含多个子项,非常适合用于构建类似QQ好友列表这样的分组数据展示。`ExpandableListView`提供了更丰富的交互...
在Android开发中,实现类似QQ好友分组的折叠效果是一个常见的需求,这涉及到对ExpandableListView控件的熟练运用。`ExpandableListView`是Android SDK提供的一种可扩展的列表视图,它允许用户展开和折叠各个组,非常...
这个实例使用了ExpandableListView控件,这是一个强大的组件,可以展示可展开/折叠的子列表,非常适合构建层次结构的数据,比如好友分组与好友。 首先,我们来详细解释一下ExpandableListView的使用。它继承自...
通过以上步骤,你应该能够实现一个类似QQ好友列表的分组悬浮效果,并带有刷新功能。在实际开发过程中,不断调试和优化,确保功能的稳定性和性能的高效性,是提高用户满意度的关键。记得参考提供的示例代码,根据项目...
在Android开发中,"类似于QQ好友分组"的实现通常涉及到使用ExpandableListView组件来创建一个可展开和折叠的列表视图,这种视图能够帮助用户更好地组织和浏览大量数据,就如同QQ应用中的好友分组功能。下面我们将...
在Android开发中,ExpandableListView是一个非常实用的控件,它可以模拟折叠效果,类似于QQ好友列表,用户可以展开或收起各个组,显示或隐藏子项。本教程将详细介绍如何在Android应用中使用ExpandableListView来创建...
在Android开发中,"仿QQ好友分组"的实现是一个典型的使用ExpandableListView来构建层级结构数据展示的案例。ExpandableListView是Android SDK提供的一种可扩展的列表视图,它可以显示一个父项列表,每个父项下还可以...
本文将深入探讨如何实现这样一个功能,并基于给定的"android仿QQ好友列表"项目进行分析。 首先,从标题我们可以知道,这个项目是针对Android平台,目的是模仿QQ应用中的好友列表功能。QQ好友列表通常包括用户的头像...
这不同于列表视图,允许两个层次,类似于QQ的好友分组。要实现这个效果的整体思路为: 1.要给ExpandableListView 设置适配器,那么必须先设置数据源。 2.数据源,就是此处的适配器类,此方法继承了...
在Android开发中,创建具有分组功能的列表是常见的需求,比如模仿QQ好友列表的展示方式。本资源“Android高仿qq列表分组”提供了一个使用自定义组件`MyExpandableListView`实现的示例,它能帮助开发者理解并掌握如何...