`
阅读更多

本文主要介绍如何实现类似新浪微博客户端下拉刷新效果的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可见

 

 
 
分享到:
评论
2 楼 jkzhao 2012-11-09  
很赞,正在学习楼主的代码
1 楼 wowo365 2012-11-02  

相关推荐

Global site tag (gtag.js) - Google Analytics