最近,需要做一个可展开的listview,不禁想起了ExpandableListView。但是,在写了一个简单的例子后,发现了问题:
ExpandableListView是又多个childList组成的。
当展开的childList过长,又需要打开其他的list时,用户只能先滚动到最上面关掉这个childList,才可能打开其他的childlist!
这样的用户体验很差。iPhone做的就很不错,QQ的好友列表顶端 也有类似的导航,显示当前gruop的标签,并且点击就可以关闭当前组,十分方便!
http://androiddada.iteye.com/
好了,今天就模仿做了这个,直接上图:

下面是页面的布局(其他无用的布局我已经去掉了):
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<com.customWidget.QExListView
android:choiceMode="singleChoice"
android:id="@+id/home_expandableListView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_below="@id/head_line"
android:cacheColorHint="#00000000"
android:childDivider="@drawable/list_divider_line"
android:divider="@drawable/list_divider_line"
android:dividerHeight="1dip"
android:fadingEdge="none"
android:groupIndicator="@null" />
</FrameLayout>
</LinearLayout>
这里要说明的是:他的父控件一定要为FrameLayout。因为需要添加在ExpandableListView上层的小导航条!
下面是自定义组件QExListView 代码:
public class QExListView extends ExpandableListView implements OnScrollListener {
@Override
public void setAdapter(ExpandableListAdapter adapter) {
// TODO Auto-generated method stub
super.setAdapter(adapter);
}
private LinearLayout _groupLayout;
public int _groupIndex = -1;
/**
* @param context
*/
public QExListView(Context context) {
super(context);
super.setOnScrollListener(this);
}
/**
* @param context
* @param attrs
*/
public QExListView(Context context, AttributeSet attrs) {
super(context, attrs);
super.setOnScrollListener(this);
}
/**
* @param context
* @param attrs
* @param defStyle
*/
public QExListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
super.setOnScrollListener(this);
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
if (_exAdapter == null)
_exAdapter = this.getExpandableListAdapter();
int ptp = view.pointToPosition(0, 0);
if (ptp != AdapterView.INVALID_POSITION) {
QExListView qExlist = (QExListView) view;
long pos = qExlist.getExpandableListPosition(ptp);
int groupPos = ExpandableListView.getPackedPositionGroup(pos);
int childPos = ExpandableListView.getPackedPositionChild(pos);
if (childPos < 0) {
groupPos = -1;
}
if (groupPos < _groupIndex) {
_groupIndex = groupPos;
if (_groupLayout != null){
_groupLayout.removeAllViews();
_groupLayout.setVisibility(GONE);//这里设置Gone 为了不让它遮挡后面header
}
} else if (groupPos > _groupIndex) {
final FrameLayout fl = (FrameLayout) getParent();
_groupIndex = groupPos;
if (_groupLayout != null)
fl.removeView(_groupLayout);
_groupLayout = (LinearLayout) getExpandableListAdapter()
.getGroupView(groupPos, true, null, null);
_groupLayout.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
collapseGroup(_groupIndex);
Home_Act._viewHandler.post(new Runnable() {
@Override
public void run() {
// TODO Auto-generated method stub
fl.removeView(_groupLayout);
fl.addView(_groupLayout, new LayoutParams(
LayoutParams.FILL_PARENT, 50));
}
});
}
});
fl.addView(_groupLayout,fl.getChildCount(), new LayoutParams(
LayoutParams.FILL_PARENT, 50));
}
}
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
}
}
所用的adapter与ExpandableListView一样,这里就不赘述了。
大家可以试试,如果发现有bug 可以留言!
http://androiddada.iteye.com/

- 大小: 887.7 KB
分享到:
相关推荐
在Android开发中,有时我们需要创建一个可展开和折叠的列表,以展示层次结构的数据,比如模仿QQ的好友分组功能。这就是ExpandableListView的作用。它是一个特殊的ListView,能够支持子项的扩展和收缩,非常适合用来...
模仿QQ好友列表的ExpandableListView实现的效果 现在已实现一个封装好的类出来,只需要把此控件放到RelativeLayout容器中,然后在其Adapter的自定义对象中实现一个HideGroup方法。就可以在Activity里不使用代码实现...
这个"ExpandableListView仿QQ列表的实现" demo旨在教你如何利用`ExpandableListView`创建类似QQ应用的功能,提供一个交互性强、层次清晰的界面。 首先,`ExpandableListView`是`ListView`的扩展,它允许每个条目有...
android 实现QQ好友列表(ExpandableListView) 请看博文:http://blog.csdn.net/zhouyuanjing/article/details/8254421 (有图有真相)
在实现"ExpandableListView仿QQ好友列表"时,我们需要关注以下几个关键知识点: 1. **数据模型**:首先,你需要定义数据结构来存储QQ好友列表的信息。这通常包括好友的姓名、头像、分组等信息。你可以创建一个`...
本篇将讨论如何为ExpandableListView添加自定义的下拉刷新功能。 首先,我们要明白,ExpandableListView本身并不内置下拉刷新功能,这通常需要我们借助第三方库如SwipeRefreshLayout或者自定义实现。下拉刷新功能在...
本篇将详细介绍如何在Android中自定义`ExpandableListView`以实现二级列表。 首先,理解`ExpandableListView`的基本概念。它是`ListView`的扩展,支持子项(child items)和父项(group items)的概念。父项可以...
至于文件名“DemoList”,这很可能是项目中的一个示例列表,用于展示自定义侧滑`ExpandableListView`的实现。通常,这种示例代码会包含完整的布局XML文件、适配器类、以及处理滑动事件的Java或Kotlin代码。 总结来...
主要四部分内容:自定义ExpandableListView ,Json解析,短信,DatePickerDialog Json解析格式: { "help_count": "16", "date": "2012-06-15", "items": [ { "title":"PP(通讯达人)是什么?", "content":"PP...
在Android开发中,`ExpandableListView`是一种可扩展的列表视图,允许用户折叠和展开子项,这对于显示层次结构的数据非常有用。本教程将深入探讨如何自定义`ExpandableListView`并结合SQLite数据库来实现数据的动态...
Android实现自定义适配器的ExpandableListView示例,准备一级列表中显示的数据:2个一级列表,分别显示"group1"和"group2",准备第一个一级列表中的二级列表数据:两个二级列表,分别显示"childData1"和"childData2",...
在这个活动中,可能集成了自定义的ExpandableListView,用于展示如联系人分组和联系人列表;短信功能可能体现在一个发送短信的按钮上,点击后弹出输入框并发送短信;而DatePickerDialog可能与一个时间相关的功能关联...
在Android开发中,"仿QQ我的好友界面ExpandableListView应用"是一个常见的需求,它涉及到对ExpandableListView组件的深入理解和定制。ExpandableListView是Android SDK提供的一种可扩展的列表视图,它可以显示分组...
在这个场景中,我们利用`ExpandableListView`来显示从服务器获取的数据,模拟类似QQ列表的效果。这个过程涵盖了客户端与服务器之间的数据交互以及如何在Android客户端处理和展示这些数据。 首先,我们需要理解...
本示例"扩展listview,仿QQ好友列表"旨在教你如何基于ListView自定义一个功能丰富的、类似于QQ好友列表的界面。在这个Demo中,你可以学习到如何实现动态添加成员,并将其显示在列表的相应位置。 首先,我们需要创建...
本项目的核心功能在于提供一个固定组Group名的ExpandableListView,即用户可以自定义分组名称,并将好友根据自己的分类习惯放入不同的分组中,使得在拥有大量联系人时,也能快速地管理和查找特定的好友。这个功能在...
本文将深入探讨如何实现这样一个功能,并基于给定的"android仿QQ好友列表"项目进行分析。 首先,从标题我们可以知道,这个项目是针对Android平台,目的是模仿QQ应用中的好友列表功能。QQ好友列表通常包括用户的头像...
在做像QQ好友列表展开时展开项一直漂浮在页面最上面,当下一个父列表滑动到最上面时漂浮栏随从滑出屏幕,我知道可能用expandablelistview但漂浮的效果一直做不好,纠结了好久弄得差不多了,希望对大家有用共同学习也...
ExpandableListView中group和child自定义视图带CheckBox,实现child全选、部分选中功能,同时实现类似邮件群发的用户选择功能,选中的用户在EditText中显示,点击后移除. 更新: 1. ExpandableListView勾选后生成的...
ExpandableListView中group和child自定义视图带CheckBox,实现child全选、部分选中功能,同时实现类似邮件群发的用户选择功能,选中的用户在EditText中显示,点击后移除. 更新: 1. ExpandableListView勾选后生成的...