`
runfeel
  • 浏览: 935549 次
文章分类
社区版块
存档分类
最新评论

Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能

 
阅读更多

转载请注明出处:http://blog.csdn.net/sinyu890807/article/details/9255575

最近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在网上直接找一个现成的,可是尝试了网上多个版本的下拉刷新之后发现效果都不怎么理想。有些是因为功能不完整或有Bug,有些是因为使用起来太复杂,十全十美的还真没找到。因此我也是放弃了在网上找现成代码的想法,自己花功夫编写了一种非常简单的下拉刷新实现方案,现在拿出来和大家分享一下。相信在阅读完本篇文章之后,大家都可以在自己的项目中一分钟引入下拉刷新功能。

首先讲一下实现原理。这里我们将采取的方案是使用组合View的方式,先自定义一个布局继承自LinearLayout,然后在这个布局中加入下拉头和ListView这两个子元素,并让这两个子元素纵向排列。初始化的时候,让下拉头向上偏移出屏幕,这样我们看到的就只有ListView了。然后对ListView的touch事件进行监听,如果当前ListView已经滚动到顶部并且手指还在向下拉的话,那就将下拉头显示出来,松手后进行刷新操作,并将下拉头隐藏。原理示意图如下:


那我们现在就来动手实现一下,新建一个项目起名叫PullToRefreshTest,先在项目中定义一个下拉头的布局文件pull_to_refresh.xml,代码如下所示:

在这个布局中,我们包含了一个下拉指示箭头,一个下拉状态文字提示,和一个上次更新的时间。当然,还有一个隐藏的旋转进度条,只有正在刷新的时候我们才会将它显示出来。
布局中所有引用的字符串我们都放在strings.xml中,如下所示:
然后新建一个RefreshableView继承自LinearLayout,代码如下所示:

这个类是整个下拉刷新功能中最重要的一个类,注释已经写得比较详细了,我再简单解释一下。首先在RefreshableView的构造函数中动态添加了刚刚定义的pull_to_refresh这个布局作为下拉头,然后在onLayout方法中将下拉头向上偏移出了屏幕,再给ListView注册了touch事件。之后每当手指在ListView上滑动时,onTouch方法就会执行。在onTouch方法中的第一行就调用了setIsAbleToPull方法来判断ListView是否滚动到了最顶部,只有滚动到了最顶部才会执行后面的代码,否则就视为正常的ListView滚动,不做任何处理。当ListView滚动到了最顶部时,如果手指还在向下拖动,就会改变下拉头的偏移值,让下拉头显示出来,下拉的距离设定为手指移动距离的1/2,这样才会有拉力的感觉。如果下拉的距离足够大,在松手的时候就会执行刷新操作,如果距离不够大,就仅仅重新隐藏下拉头。

具体的刷新操作会在RefreshingTask中进行,其中在doInBackground方法中回调了PullToRefreshListener接口的onRefresh方法,这也是大家在使用RefreshableView时必须要去实现的一个接口,因为具体刷新的逻辑就应该写在onRefresh方法中,后面会演示使用的方法。

另外每次在下拉的时候都还会调用updateHeaderView方法来改变下拉头中的数据,比如箭头方向的旋转,下拉文字描述的改变等。更加深入的理解请大家仔细去阅读RefreshableView中的代码。
现在我们已经把下拉刷新的所有功能都完成了,接下来就要看一看如何在项目中引入下拉刷新了。打开或新建activity_main.xml作为程序主界面的布局,加入如下代码:
可以看到,我们在自定义的RefreshableView中加入了一个ListView,这就意味着给这个ListView加入了下拉刷新的功能,就是这么简单!
然后我们再来看一下程序的主Activity,打开或新建MainActivity,加入如下代码:

可以看到,我们通过调用RefreshableView的setOnRefreshListener方法注册了一个监听器,当ListView正在刷新时就会回调监听器的onRefresh方法,刷新的具体逻辑就在这里处理。而且这个方法已经自动开启了线程,可以直接在onRefresh方法中进行耗时操作,比如向服务器请求最新数据等,在这里我就简单让线程睡眠3秒钟。另外在onRefresh方法的最后,一定要调用RefreshableView中的finishRefreshing方法,这个方法是用来通知RefreshableView刷新结束了,不然我们的ListView将一直处于正在刷新的状态。
不知道大家有没有注意到,setOnRefreshListener这个方法其实是有两个参数的,我们刚刚也是传入了一个不起眼的0。那这第二个参数是用来做什么的呢?由于RefreshableView比较智能,它会自动帮我们记录上次刷新完成的时间,然后下拉的时候会在下拉头中显示距上次刷新已过了多久。这是一个非常好用的功能,让我们不用再自己手动去记录和计算时间了,但是却存在一个问题。如果当前我们的项目中有三个地方都使用到了下拉刷新的功能,现在在一处进行了刷新,其它两处的时间也都会跟着改变!因为刷新完成的时间是记录在配置文件中的,由于在一处刷新更改了配置文件,导致在其它两处读取到的配置文件时间已经是更改过的了。那解决方案是什么?就是每个用到下拉刷新的地方,给setOnRefreshListener方法的第二个参数中传入不同的id就行了。这样各处的上次刷新完成时间都是单独记录的,相互之间就不会再有影响。
好了,全部的代码都在这里了,让我们来运行一下,看看效果吧。


效果看起来还是非常不错的。我们最后再来总结一下,在项目中引入ListView下拉刷新功能只需三步:

1. 在Activity的布局文件中加入自定义的RefreshableView,并让ListView包含在其中。

2. 在Activity中调用RefreshableView的setOnRefreshListener方法注册回调接口。

3. 在onRefresh方法的最后,记得调用RefreshableView的finishRefreshing方法,通知刷新结束。

从此以后,在项目的任何地方,一分钟引入下拉刷新功能妥妥的。

好了,今天的讲解到此结束,有疑问的朋友请在下面留言。
源码下载,请点击这里

转载请注明出处:http://blog.csdn.net/sinyu890807/article/details/9255575

最近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在网上直接找一个现成的,可是尝试了网上多个版本的下拉刷新之后发现效果都不怎么理想。有些是因为功能不完整或有Bug,有些是因为使用起来太复杂,十全十美的还真没找到。因此我也是放弃了在网上找现成代码的想法,自己花功夫编写了一种非常简单的下拉刷新实现方案,现在拿出来和大家分享一下。相信在阅读完本篇文章之后,大家都可以在自己的项目中一分钟引入下拉刷新功能。

首先讲一下实现原理。这里我们将采取的方案是使用组合View的方式,先自定义一个布局继承自LinearLayout,然后在这个布局中加入下拉头和ListView这两个子元素,并让这两个子元素纵向排列。初始化的时候,让下拉头向上偏移出屏幕,这样我们看到的就只有ListView了。然后对ListView的touch事件进行监听,如果当前ListView已经滚动到顶部并且手指还在向下拉的话,那就将下拉头显示出来,松手后进行刷新操作,并将下拉头隐藏。原理示意图如下:


那我们现在就来动手实现一下,新建一个项目起名叫PullToRefreshTest,先在项目中定义一个下拉头的布局文件pull_to_refresh.xml,代码如下所示:

在这个布局中,我们包含了一个下拉指示箭头,一个下拉状态文字提示,和一个上次更新的时间。当然,还有一个隐藏的旋转进度条,只有正在刷新的时候我们才会将它显示出来。
布局中所有引用的字符串我们都放在strings.xml中,如下所示:
然后新建一个RefreshableView继承自LinearLayout,代码如下所示:

这个类是整个下拉刷新功能中最重要的一个类,注释已经写得比较详细了,我再简单解释一下。首先在RefreshableView的构造函数中动态添加了刚刚定义的pull_to_refresh这个布局作为下拉头,然后在onLayout方法中将下拉头向上偏移出了屏幕,再给ListView注册了touch事件。之后每当手指在ListView上滑动时,onTouch方法就会执行。在onTouch方法中的第一行就调用了setIsAbleToPull方法来判断ListView是否滚动到了最顶部,只有滚动到了最顶部才会执行后面的代码,否则就视为正常的ListView滚动,不做任何处理。当ListView滚动到了最顶部时,如果手指还在向下拖动,就会改变下拉头的偏移值,让下拉头显示出来,下拉的距离设定为手指移动距离的1/2,这样才会有拉力的感觉。如果下拉的距离足够大,在松手的时候就会执行刷新操作,如果距离不够大,就仅仅重新隐藏下拉头。

具体的刷新操作会在RefreshingTask中进行,其中在doInBackground方法中回调了PullToRefreshListener接口的onRefresh方法,这也是大家在使用RefreshableView时必须要去实现的一个接口,因为具体刷新的逻辑就应该写在onRefresh方法中,后面会演示使用的方法。

另外每次在下拉的时候都还会调用updateHeaderView方法来改变下拉头中的数据,比如箭头方向的旋转,下拉文字描述的改变等。更加深入的理解请大家仔细去阅读RefreshableView中的代码。
现在我们已经把下拉刷新的所有功能都完成了,接下来就要看一看如何在项目中引入下拉刷新了。打开或新建activity_main.xml作为程序主界面的布局,加入如下代码:
可以看到,我们在自定义的RefreshableView中加入了一个ListView,这就意味着给这个ListView加入了下拉刷新的功能,就是这么简单!
然后我们再来看一下程序的主Activity,打开或新建MainActivity,加入如下代码:

可以看到,我们通过调用RefreshableView的setOnRefreshListener方法注册了一个监听器,当ListView正在刷新时就会回调监听器的onRefresh方法,刷新的具体逻辑就在这里处理。而且这个方法已经自动开启了线程,可以直接在onRefresh方法中进行耗时操作,比如向服务器请求最新数据等,在这里我就简单让线程睡眠3秒钟。另外在onRefresh方法的最后,一定要调用RefreshableView中的finishRefreshing方法,这个方法是用来通知RefreshableView刷新结束了,不然我们的ListView将一直处于正在刷新的状态。
不知道大家有没有注意到,setOnRefreshListener这个方法其实是有两个参数的,我们刚刚也是传入了一个不起眼的0。那这第二个参数是用来做什么的呢?由于RefreshableView比较智能,它会自动帮我们记录上次刷新完成的时间,然后下拉的时候会在下拉头中显示距上次刷新已过了多久。这是一个非常好用的功能,让我们不用再自己手动去记录和计算时间了,但是却存在一个问题。如果当前我们的项目中有三个地方都使用到了下拉刷新的功能,现在在一处进行了刷新,其它两处的时间也都会跟着改变!因为刷新完成的时间是记录在配置文件中的,由于在一处刷新更改了配置文件,导致在其它两处读取到的配置文件时间已经是更改过的了。那解决方案是什么?就是每个用到下拉刷新的地方,给setOnRefreshListener方法的第二个参数中传入不同的id就行了。这样各处的上次刷新完成时间都是单独记录的,相互之间就不会再有影响。
好了,全部的代码都在这里了,让我们来运行一下,看看效果吧。


效果看起来还是非常不错的。我们最后再来总结一下,在项目中引入ListView下拉刷新功能只需三步:

1. 在Activity的布局文件中加入自定义的RefreshableView,并让ListView包含在其中。

2. 在Activity中调用RefreshableView的setOnRefreshListener方法注册回调接口。

3. 在onRefresh方法的最后,记得调用RefreshableView的finishRefreshing方法,通知刷新结束。

从此以后,在项目的任何地方,一分钟引入下拉刷新功能妥妥的。

好了,今天的讲解到此结束,有疑问的朋友请在下面留言。
源码下载,请点击这里

分享到:
评论

相关推荐

    Android开发+下拉刷新功能+快速实现教程+应用开发技巧:Android教你如何一分钟实现下拉刷新功能项目完整实例代码

    本资源包“Android开发+下拉刷新功能+快速实现教程+应用开发技巧:Android教你如何一分钟实现下拉刷新功能项目完整实例代码”提供了一种快速集成下拉刷新功能到Android应用中的方法。该资源详细展示了通过简洁的实例...

    android下拉刷新实例

    在"pulltorefreshexample"这个压缩包中,可能包含了一个简单的Android项目,用于演示如何使用上述库之一实现下拉刷新功能。这个例子可能包含了以下组件和步骤: - 示例项目中的主布局文件(如activity_main.xml),...

    Android教你如何一分钟实现下拉刷新功能项目完整实例代码

    在Android应用开发中,下拉刷新...通过这个项目,开发者可以学习到如何结合Android的`SwipeRefreshLayout`组件,实现一个完整的下拉刷新功能。同时,这也是一个很好的实践,帮助理解Android UI组件和事件处理机制。

    Android 开源的下拉刷新 Eclipse版本

    `PullToRefreshViewPager`是该项目的一个组件,可能是一个自定义的ViewPager扩展,集成了下拉刷新功能。ViewPager通常用于展示多个页面视图,用户可以通过左右滑动切换。当与下拉刷新结合时,用户可以在顶部下拉来...

    Android如何一分钟实现下拉刷新功能(项目完整实例代码)

    通过以上步骤,你可以在Android应用中快速实现一个基本的下拉刷新功能。`PullToRefreshTest`项目应该包含了完整的代码示例,你可以详细研究其结构和逻辑,以便更好地理解和应用到自己的项目中。记得查阅相关文档和...

    android下拉刷新demo

    在Android应用开发中,"下拉刷新"是一个常见的功能,特别是在列表视图(ListView)、滚动视图(RecyclerView)等组件中。这个功能允许用户通过从顶部向下拉动屏幕来更新内容,通常用于加载新的数据或者刷新当前显示的...

    Android 之WebView实现下拉刷新和其他相关刷新功能

    实现WebView的下拉刷新功能,我们可以利用Android的SwipeRefreshLayout控件。SwipeRefreshLayout是Android SDK提供的一种可以包裹其他ViewGroup,尤其是ListView、GridView、RecyclerView等的容器,当用户下拉时,它...

    Android下拉刷新demo

    本示例是关于如何在Android应用中自定义实现下拉刷新效果的一个Demo,详细步骤和源码解析可以在提供的博客链接中找到。 一、下拉刷新原理 下拉刷新的基本工作原理是监听用户的滑动事件,当用户在列表顶部向下拉动到...

    Android下拉刷新ListView——RTPullListView

    本文将详细讨论如何在Android中实现下拉刷新功能,特别关注RTPullListView这一组件。 首先,我们要了解下拉刷新的基本原理。在Android中,通常使用SwipeRefreshLayout作为基础组件,它可以包裹一个可滚动的视图,如...

    Androidstudio下ListView下拉刷新

    本教程将指导你在Android Studio中为ListView实现下拉刷新功能。 1. **下拉刷新概念** 下拉刷新(Pull-to-Refresh)是一种常见的UI设计模式,允许用户通过从列表顶部向下拉动来触发数据的更新。这种功能常见于新闻...

    Android下拉刷新Demo

    这些库提供了封装好的组件,开发者只需简单配置即可实现下拉刷新功能。 3. **SwipeRefreshLayout**: Android SDK自v4库中的`SwipeRefreshLayout`是Google官方提供的下拉刷新组件,它支持包裹一个子视图,如...

    android 下拉刷新实现原理

    Android 下拉刷新实现原理 Android 下拉刷新框架实现 下拉刷新是一种适用于...下拉刷新的实现原理可以总结为:设计一个抽象的接口,实现一个抽象基类,具体实现下拉刷新的功能,并处理事件来控制下拉刷新的状态。

    探索Android 下拉刷新效果的实现

    总的来说,实现Android下的下拉刷新功能需要对Android的触摸事件处理、自定义View以及多线程编程有深入理解。通过以上步骤,我们可以构建一个功能完整、体验优秀的下拉刷新组件。对于开发者来说,这是一个提升应用...

    Android 实现下拉刷新之方法一

    在Android应用开发中,下拉刷新(Pull-to-Refresh)是一项常见的功能,它允许用户通过在列表顶部向下拉动来更新内容。...通过这种方式,我们可以为应用中的列表添加功能丰富的下拉刷新功能,提升用户体验。

    Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能(附源码)

    相信在阅读完本篇文章之后,大家都可以在自己的项目中一分钟引入下拉刷新功能。 首先讲一下实现原理。这里我们将采取的方案是使用组合View的方式,先自定义一个布局继承自LinearLayout,然后在这个布局中加入下拉头...

    Android自定义上拉加载下拉刷新控件

    通过分析这个DEMO,开发者可以学习如何结合SwipeRefreshLayout和自定义滚动监听来实现完整的上拉加载和下拉刷新功能。同时,这个DEMO也提供了一个基础框架,开发者可以根据自己的需求在此基础上进行扩展,例如,替换...

    android下拉刷新和上拉刷新

    在Android开发中,"下拉刷新"和"上拉加载更多"是移动应用常见的功能,尤其是在数据列表场景中。这两个特性极大地提升了用户体验,允许用户在滚动到底部时加载更多数据,或者在顶部拉动时更新列表内容。下面我们将...

    Android下拉刷新开源库集锦

    它提供了基本的下拉刷新功能,并允许自定义刷新动画和样式。 3. **SmartRefreshLayout**:这是一款功能强大的下拉刷新库,支持多种刷新效果,包括经典、旋转、翻转等。它还支持上拉加载更多功能,并且高度可定制,...

    android 有阻尼下拉刷新列表的实现方法

    Android 阻尼下拉刷新列表是一个非常实用的功能,它可以提供给用户一个更加流畅的体验。下面我们将详细介绍 Android 阻尼下拉刷新列表的实现方法。 首先,我们需要了解 PullToRefreshListView 的使用方法。...

    Android 通用下拉刷新

    通过以上步骤,你可以在你的Android应用中实现一个通用的下拉刷新功能。无论是使用Android SDK自带的SwipeRefreshLayout还是第三方库如XRefreshView,都能满足你对下拉刷新的需求,并且可以根据项目需求进行定制,...

Global site tag (gtag.js) - Google Analytics