下拉刷新ListView的实现原理

本文主要介绍如何实现类似新浪微博客户端下拉刷新效果的ListView。关于其使用见下拉刷新ListView的使用。

 

示例APK地址：TrineaAndroidDemo

 

首先让我们看下效果

四张图分别为第一次下拉、第一次释放、第一次刷新中、第二次下拉的效果，其中的文本可以设置，可以下载Demo代码DropDownListViewDemo编译运行。下面看如何使用实现

 

1、源代码

见DropDownListView.java，其中注释明确。

项目地址见TrineaAndroidCommon@Github

 

2、原理

通过对ListView添加了一个刷新layout（源代码res/layout/drop_down_to_refresh_list_header.xml)作为header，在滚动中时不断改变header的高度和内容并记录一些状态，在用户手指离开屏幕时根据状态决定进行刷新还是放弃刷新。

 

主要是通过重写ListView的onTouchEvent和OnScrollListener的onScrollStateChanged、onScroll函数实现

先介绍下刷新状态共有四种，如下：

CLICK_TO_REFRESH 点击刷新状态，为初始状态

DROP_DOWN_TO_REFRESH 当刷新layout高度低于一定范围时，为此状态

RELEASE_TO_REFRESH 当刷新layout高度高于一定范围时，为此状态

REFRESHING 刷新中时，为此状态

 

2.1 onTouchEvent函数

public boolean onTouchEvent(MotionEvent event)根据用户在屏幕上的move事件，进行相应操作，如下：

ACTION_DOWN表示用户手指刚接触屏幕，会记录用户此时touch的点的y坐标，在下面调整高度时使用

ACTION_MOVE表示用户手指正在屏幕上移动，此时会不断调整header的高度，即下拉时刷新item部分高度的不断变化

ACTION_UP表示用户手指离开屏幕，此时会根据当前状态决定是进行刷新还是放弃刷新，若刷新调用用户设置的OnRefreshListener接口。

 

2.2 onScrollStateChanged函数

public void onScrollStateChanged(AbsListView view, int scrollState)

记录listView当前的滚动状态到currentScrollState，包括三种状态：

SCROLL_STATE_TOUCH_SCROLL ListView正在滚动中，并且手指尚未离开屏幕

SCROLL_STATE_FLING ListView仍在滚动中，但用户手指已经离开屏幕

SCROLL_STATE_IDLE ListView已经停止滚动

 

2.3 onScroll函数

public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount)

根据listView当前的滚动状态即currentScrollState和当前刷新的状态不断修改header内容显示和刷新状态，如下：

    ListView为SCROLL_STATE_TOUCH_SCROLL状态(按着不放滚动中)并且刷新状态不为REFRESHING

        a. 刷新对应的item可见时，若刷新layout高度超出范围，则置刷新状态为RELEASE_TO_REFRESH；若刷新layout高度低于高度范围，则置刷新状态为DROP_DOWN_TO_REFRESH。

        b. 刷新对应的item不可见，重置header

 

    ListView为SCROLL_STATE_FLING状态(松手滚动中)

a. 若刷新对应的item可见并且刷新状态不为REFRESHING，设置position为1的(即第二个)item可见

b. 若反弹回来，设置position为1的(即第二个)item可见

 

Android 开发进阶：

• 我的微博 Trinea，更及时全面的技术分享！
• Android 插件化
• Android 开源库获取途径整理
• VPN云梯推荐，合买每月仅5元，全平台支持
• Java Annotation 及几个常用开源项目注解原理简析
• Android自动轮播 无限循环的ViewPager
• Android开源项目汇总
• Android性能优化总结
• Android公共库(缓存 下拉ListView 静默安装等)
• Android ImageCache图片缓存
• 下拉刷新及滚动到底部加载更多的Listview使用

 

 

评论

2 楼 jkzhao 2012-11-09  

很赞，正在学习楼主的代码

1 楼 wowo365 2012-11-02