我眼中的刷新与加载

Posted on Edited on In Disqus:

下拉刷新,在我看来是非常有革命性的一种交互形式,使用过程非常自然.而与之对应的,就有上拉加载.为了实现下拉刷新和上拉加载,通常都是将整个界面分为三部分:

*************************
     TopLoadingView
*************************

       childView

*************************
    BottomLoadingView
*************************

###下拉刷新
目前常用的下拉刷新有几种样式,在这里推荐一个库SwipeToLoadLayout,

这个库的Demo中把刷新的几种样式:

名字 效果
classic 拉动时LoadingView与childView一起滑动
above 拉动时只滑动LoadingView, childView不滑动
below 拉动时只滑动childView,不滑动LoadingView
scale 拉动时childView跟随拉动距离移动,loadingView滑动较慢

###上拉加载
与下拉刷新相同,上拉加载也可以同时支持这几种样式.

###交互上的细节点:

  1. 无论是下拉刷新还是上拉加载,手指在整个过程中都不应该离开屏幕,应该让用户感觉更加自然.解决办法如下:联动子View.
  2. 注意与横向滑动View的冲突解决,如ViewPager等.解决方法可以参考更合理的拦截.
  3. 下拉刷新是很多App培养出来的用户习惯,用户会习惯性下拉刷新.但是上拉加载却不是,用户并不能很明确得了解是否有更多.同时在除classic的其他模式中,刷新完后loadingView隐藏,界面布局并没有任何变化,用户并不知道是否加载出来.于是就想出一种更加直接的加载**滑动到底部自动加载**.

###实现
RefreshView:包含下拉刷新和自动加载的View