关闭

更纯粹的下拉刷新和加载更多

标签: 下拉刷新加载更多
15112人阅读 评论(5) 收藏 举报
分类:

版权声明:转载必须注明本文转自严振杰的博客:http://blog.yanzhenjie.com


在不久前的很多下拉刷新框架都带有上拉加载更多的功能,加载更多的功能可以动态关闭或者打开。再比如ListViewGridView是通过添加HeaderViewFooterView来实现了下拉刷新和上拉加载更多的,我们认为这是设计上的缺陷,同时也影响了我们实现更加复杂布局。

我认为更纯粹的下拉刷新只需要做它自己的事 —— 下拉刷新,下拉刷新也不该占用ContentViewHeader
上拉加载的方式应该被替代成Content自己处理加载更多,比如当我们上滑屏幕中的ContentList快到底部时自动加载更多。

设计

一个更加纯粹的下拉刷新和加载更多应该是这样的:
1. 外部是一个下拉刷新的RefreshLayout, 内含HeaderViewContentView
2. HeaderView是头部,展示刷新相关动画。
3. ContentView是内容,比如ListViewScrollViewRecyclerView等。
4. 加载更多回归给ContentView去做,content是否有更多,如何加载,应该由它自己决定。

下面是一个概念图:

    |  +--------------+  |                   ——|
    |  | Header View  |  |                     |
    |  +--------------+  |                     |
----+--------------------+----ScreenTop        |
    |  +--------------+  |                     |
    |  |              |  |                     |
    |  |              |  |                     |
    |  |              |  |                     | <---- RefreshLayout
    |  | Content View |  |                     |
    |  |              |  |  <---- Screen       |
    |  |              |  |                     |
    |  |              |  |                     |
    |  |              |  |                     |
    |  |              |  |                     |
    |  +--------------+  |                     |
    +--------------------+                   ——|

交互

HeaderViewContentView交互位置关系如下图:



    |  +--------------+  |    |  |              |  |    |  |              |  |
    |  |  HeaderView  |  |    |  |              |  |    |  |              |  |
    |  +--------------+  |    |  +--------------+  |    |  |              |  |
----|--+--------------+--|----|--|--HeaderView--|--|----|--+--------------+--|----ScreenTop
    |  |              |  |    |  +--------------+  |    |  |  HeaderView  |  |
----|--|              |--|----|--|              |--|----|--+--------------+--|----RefreshLimit
    |  |              |  |    |  |              |  |    |  |              |  |
    |  | Content View |  |    |  |              |  |    |  |              |  |
    |  |              |  |    |  |              |  |    |  |              |  |
    |  |              |  |    |  | Content View |  |    |  |              |  |
    |  |              |  |    |  |              |  |    |  | Content View |  |
    |  |              |  |    |  |              |  |    |  |              |  |
    |  |              |  |    |  |              |  |    |  |              |  |
    |  +--------------+  |    |  |              |  |    |  |              |  |
    +--------------------+    +--|--------------|--+    +--|--------------|--+
                                 +--------------+          |              |
                                                           +--------------+

           初始状态                 未达刷新距离                达到刷新距离

其实我们更加希望HeaderView可以灵活自定义,当然这不是概念设计层面的工作了,应该是框架API设计层面的事了。

下拉刷新

符合上面的设计理念的框架应该有不少,我个人比较推荐的有两款:
1. Google的Support官方库:SwipeRefreshLayout
2. 秋百万的:android-Ultra-Pull-To-Refresh

后者默认支持的HeaderView比较多,而且很方便自定义HeaderView,我前段时间基于该库写了一篇自定义下拉刷新视察动画的文章,也可以作为参考:
http://blog.csdn.net/yanzhenjie1003/article/details/53450488

忽悠了这么多不都是介绍下拉刷新吗?如何加载更多呢?且看下面分解…

加载更多

凡是有加载更多的页面,一般都是一个list(列表)页面,包括但不限于List、Grid、StaggeredGrid形式,那么常用的View有:ListViewGridViewRecyclerView

理想中的操作应该是这样的:一、当我们的content滑动到靠近最后的item的时候自动加载更多并拼接到content中,二、当我们的content滑动到最后一个item的时候再去加载更多,并且展示一个加载更多的动画。

其实第一种方案特别好实现,监听scroll然后判断屏幕上显示的最后一个itemposition就可以了,对于第二种情况我这里推荐两个库:
1. LoadMore:https://github.com/yanzhenjie/LoadMore
2. SwipeRecyclerView:https://github.com/yanzhenjie/SwipeRecyclerView

第一个是针对ListViewGridView的封装,提供加载更多、GridView添加HeaderViewFooterView的功能。
第二个是针对RecyclerView的封装,加载更多、添加HeaderViewFooterViewItem侧滑菜单、拖拽排序、侧滑删除的功能。

参考:https://android-ultra-ptr.liaohuqiu.net/cn/,特别感谢秋百万同学,参考了cube-sdk的很多东西,大家有兴趣可以自己去了解一下:
https://github.com/liaohuqiu/cube-sdk

版权声明:转载必须注明本文转自严振杰的博客:http://blog.yanzhenjie.com

23
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Android实现RecyclerView的下拉刷新和上拉加载更多

需求先上效果图, Material Design风格的下拉刷新和上拉加载更多。 源码地址(欢迎star) https://github.com/studychen/SeeNewsV2如果对于Recyc...
  • never_cxb
  • never_cxb
  • 2016-02-28 10:45
  • 27553

Android LRecyclerView实现下拉刷新,滑动到底部自动加载更多

随着功能的不断优化,框架中的类或者接口名字会有变动,为了获取准确的使用方法,请参考最新的说明文档:点此查看。简介LRecyclerView是支持addHeaderView、 addFooterView...
  • jdsjlzx
  • jdsjlzx
  • 2016-06-30 23:21
  • 41081

基于iscroll.js实现下拉刷新和上拉加载特效

转自:http://blog.csdn.net/laokdidiao/article/details/53274008 现在已经不是纯Android独霸天下的时代了,H5嵌入Android的...
  • Maxbyzhou
  • Maxbyzhou
  • 2016-11-24 01:41
  • 5386

下拉刷新和加载更多

  • 2013-08-12 14:02
  • 318KB
  • 下载

RecyclerView实现下拉刷新和加载更多

  • 2016-02-24 22:43
  • 6.59MB
  • 下载

下拉刷新和加载更多FreshListDemo.zip

  • 2015-08-26 15:23
  • 293KB
  • 下载

RecyclerView下拉刷新和加载更多

  • 2016-08-26 12:01
  • 24.81MB
  • 下载

scrollView嵌套ListView的下拉刷新和加载更多

  • 2016-09-08 19:36
  • 856KB
  • 下载

Android自定义控件(下拉刷新和加载更多)

  • 2014-07-15 19:39
  • 2.50MB
  • 下载

给RecyclerView最纯粹的下拉刷新和上拉加载更多

RecyclerView 出现以后,Android 里的下拉刷新和加载更多实现起来就非常容易了。当然,现成的库也有很多,只是总会有不一样的需求,而且我们往往只需要最基本的下拉刷新和加载更多功能,而不需...
  • JerryWu145
  • JerryWu145
  • 2016-08-16 23:11
  • 39995
    个人资料
    • 访问:1611070次
    • 积分:6529
    • 等级:
    • 排名:第4285名
    • 原创:52篇
    • 转载:0篇
    • 译文:1篇
    • 评论:1275条
    我的微信公众号
    欢迎关注我的公众号,不定期为您推送优选博文,生活趣事!
    关注我的微信公众号

    关注我的微博
    友情链接


    我的Github

    QQ交流群 547839514

    博客专栏