zoukankan      html  css  js  c++  java
  • 下拉刷新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可见




  • 相关阅读:
    7.python常用模块
    7.python3实用编程技巧进阶(二)
    7.Flask文件上传
    7.Django CSRF 中间件
    7.Ajax
    6.python内置函数
    6.python3实用编程技巧进阶(一)
    6.jQuery(实例)
    PhpStorm 10.0.1破解激活步骤
    PyCharm 2018.1破解激活步骤
  • 原文地址:https://www.cnblogs.com/trinea/p/2557202.html
Copyright © 2011-2022 走看看