Android之带group指示器的ExpandableListView(自写)

 更新时间:2013年06月14日 15:03:17   作者:  
Android缺省的ExpandableListView的group header无法固定在界面上,在网上搜索了好多都不尽人意,于是乎在别人的基础上改进了一点点,原理都差不多
我们都知道Android缺省的ExpandableListView的group header无法固定在界面上,当向下滚动后,不能对当前显示的那些child 指示出它们归属于哪个group,在网上搜了很多关于仿手机QQ好友分组效果的ExpandableListView,发现都不尽如意,于是乎在别人的基础上改进了一点点,其实原理还是差不多的,只是增加了往上挤出去的动画效果,而且更加简单,只不过还是没有完全到达跟QQ一样的效果,希望有高手能实现更加逼真的效果,下面我们先看看效果图:
 
我这里没有把ExpandableListView独立出来形成一个新的控件,跟网上很多朋友一样,监听OnScrollListener事件,当group不是在第一个位置时,就把我们头部的那个indicator显示出来,并且让它的view跟当前child所在group的view一样的,然后再增加一个点击关闭组的事件,即达到了简单的仿QQ好友分组的效果。
下面我们先来看看主要的布局文件:main.xml,下面那个topGroup的FrameLayout就是我们的指示器。
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ExpandableListView
android:id="@+id/expandableListView"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</ExpandableListView>
<FrameLayout
android:id="@+id/topGroup"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
</FrameLayout>
</FrameLayout>

其中最重要的是下面这部分:我们监听onSroll这个接口事件,当ListView在滑动时,做相应的处理,代码中注释比较多,我这里就不多作说明了。
复制代码 代码如下:

/**
* here is very importance for indicator group
*/
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
final ExpandableListView listView = (ExpandableListView) view;
/**
* calculate point (0,0)
*/
int npos = view.pointToPosition(0, 0);// 其实就是firstVisibleItem
if (npos == AdapterView.INVALID_POSITION)// 如果第一个位置值无效
return;
long pos = listView.getExpandableListPosition(npos);
int childPos = ExpandableListView.getPackedPositionChild(pos);// 获取第一行child的id
int groupPos = ExpandableListView.getPackedPositionGroup(pos);// 获取第一行group的id
if (childPos == AdapterView.INVALID_POSITION) {// 第一行不是显示child,就是group,此时没必要显示指示器
View groupView = listView.getChildAt(npos
- listView.getFirstVisiblePosition());// 第一行的view
indicatorGroupHeight = groupView.getHeight();// 获取group的高度
indicatorGroup.setVisibility(View.GONE);// 隐藏指示器
} else {
indicatorGroup.setVisibility(View.VISIBLE);// 滚动到第一行是child,就显示指示器
}
// get an error data, so return now
if (indicatorGroupHeight == 0) {
return;
}
// update the data of indicator group view
if (groupPos != indicatorGroupId) {// 如果指示器显示的不是当前group
mAdapter.getGroupView(groupPos, listView.isGroupExpanded(groupPos),
indicatorGroup.getChildAt(0), null);// 将指示器更新为当前group
indicatorGroupId = groupPos;
Log.e(TAG, PRE + "bind to new group,group position = " + groupPos);
// mAdapter.hideGroup(indicatorGroupId); // we set this group view
// to be hided
// 为此指示器增加点击事件
indicatorGroup.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
listView.collapseGroup(indicatorGroupId);
}
});
}
if (indicatorGroupId == -1) // 如果此时grop的id无效,则返回
return;
/**
* calculate point (0,indicatorGroupHeight) 下面是形成往上推出的效果
*/
int showHeight = indicatorGroupHeight;
int nEndPos = listView.pointToPosition(0, indicatorGroupHeight);// 第二个item的位置
if (nEndPos == AdapterView.INVALID_POSITION)// 如果无效直接返回
return;
long pos2 = listView.getExpandableListPosition(nEndPos);
int groupPos2 = ExpandableListView.getPackedPositionGroup(pos2);// 获取第二个group的id
if (groupPos2 != indicatorGroupId) {// 如果不等于指示器当前的group
View viewNext = listView.getChildAt(nEndPos
- listView.getFirstVisiblePosition());
showHeight = viewNext.getTop();
Log.e(TAG, PRE + "update the show part height of indicator group:"
+ showHeight);
}
// update group position
MarginLayoutParams layoutParams = (MarginLayoutParams) indicatorGroup
.getLayoutParams();
layoutParams.topMargin = -(indicatorGroupHeight - showHeight);
indicatorGroup.setLayoutParams(layoutParams);
}

本文源码下载
最后跟大家分享一下另外一个仿iPhone通讯录效果的代码。它是ListView的扩展,效果最好。希望有高手能把ExpandableListView扩展成一样的效果。
源码下载

相关文章

  • Kotlin编程条件控制示例详解

    Kotlin编程条件控制示例详解

    这篇文章主要为大家介绍了Kotlin编程条件控制示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • Android ListView自定义Adapter实现仿QQ界面

    Android ListView自定义Adapter实现仿QQ界面

    这篇文章主要为大家详细介绍了ListView自定义Adapter实现仿QQ界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • Android仿滴滴出行验证码输入框功能实例代码

    Android仿滴滴出行验证码输入框功能实例代码

    最近项目经理交给我们组一个类似滴滴出行填写验证码的弹框功能,拿到这个项目需求真是把我忙晕了,下面通过本文给大家分享Android仿滴滴出行验证码输入框功能实例代码,需要的朋友参考下吧
    2017-12-12
  • Kotlin + Flow 实现Android 应用初始化任务启动库

    Kotlin + Flow 实现Android 应用初始化任务启动库

    这篇文章主要介绍了Kotlin + Flow 实现Android 应用初始化任务启动库的方法,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下
    2021-03-03
  • Flutter Zone异常处理方法及基本原理

    Flutter Zone异常处理方法及基本原理

    这篇文章主要为大家介绍了Flutter Zone异常处理方法及基本原理详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • Android 解决WebView多进程崩溃的方法

    Android 解决WebView多进程崩溃的方法

    这篇文章主要介绍了Android 解决WebView多进程崩溃的方法,帮助大家更好的理解和学习使用Android开发,感兴趣的朋友可以了解下
    2021-03-03
  • Android下的CMD命令之关机重启及重启recovery

    Android下的CMD命令之关机重启及重启recovery

    这篇文章主要介绍了Android下的CMD命令之关机重启及重启recovery,本文涉及到cmd命令知识点,通过了解cmd命令就可以很容易的实现此功能了,需要的朋友一起看看吧
    2016-08-08
  • Android仿支付宝密码输入效果封装

    Android仿支付宝密码输入效果封装

    这篇文章主要为大家详细介绍了Android仿支付宝密码输入效果的封装,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android的HTTP多线程下载示例代码

    Android的HTTP多线程下载示例代码

    本篇文章主要介绍了Android的HTTP多线程下载示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • Android实现记住密码功能

    Android实现记住密码功能

    这篇文章主要为大家详细介绍了Android实现记住密码功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09

最新评论