RecyclerView下拉刷新和加载更多
之前一直写的是ListVIew下拉刷新，但是好多朋友都说要RecycleView的下拉刷新和滑动加载，其实，这个原理都是差不多。抽空，我就写了下RecycleView的下拉刷新和滑动加载更多。因此，这才写到博客里，记录一下。
在大家阅读这篇博客前，大家需要了解的知识
1.Scroller。实现弹性滑动的类，这个是经常用到的，不懂的请自觉先学习Scroller的知识。
2.事件分发机制。事件是以ACTION_DOWN开始到ACTION_UP货ACTION_CANCEL结束的一个序列，期间事件分发，能够通过onInterceptTouchEvent方法和dispatchTouchEvent进行事件的阻止和消费。
3.RecyclerView的基本使用。比如如何添加一个Decoration.
4.onSizeChange的触发时机。onSizeChange()在View的layout中触发，它执行在所有控件的onMeasure()之后，因此可以直接获取到控件的测量长和宽。
整体的思路：采用的是LinearLayout+RecyclerView的组合，在LinearLayout中添加HeaderView和FooterView。当RecyclerView滑动到了最顶部，则可以触发下拉事件；当RecyclerView滑动到了底部，则可以触发滑动加载更多的事件。然后在通过事件分发，进行滑动事件的处理。
先看一下效果：
下面是自定义View的代码，后面会逐一分析代码块：
package com.mjc.recyclerviewdemo.refresh;
import android.content.Context;
import android.graphics.Color;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.ViewConfiguration;
import android.widget.LinearLayout;
import android.widget.Scroller;
import com.mjc.recyclerviewdemo.CustomItemDecoration;
/**
* Created by mjc on 2016/3/11.
*/
public class PullToRefreshRecycleView extends LinearLayout {
//头部
private IHeaderView mHeaderView;
private int mHeaderHeight;
//尾部
private CustomFooterView mFooterView;
private int mFooterHeight;
//阻尼系数,越大，阻力越大
public static final float RATIO = 0.5f;
//当前是否阻止事件
private boolean isIntercept;
//是否正在刷新
private boolean isRefreshing;
//滑动类
private Scroller mScroller;
//刷新的View
private RecyclerView mRefreshView;
private Context mContext;
private int mMaxScrollHeight;
private boolean isFirst = true;
public static final int NORMAL = 0;
public static final int PULL_TO_REFRESH = 1;
public static final int RELEASE_TO_REFRESH = 2;
public static final int REFRESING = 3;
private int mCurrentState;
private int mTouchSlop;
private OnRefreshListener listener;
private boolean isPullDownMotion;
private int lastVisible;
public PullToRefreshRecycleView(Context context) {
super(context);
init(context);
}
public PullToRefreshRecycleView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
private void init(Context context) {
mContext = context;
this.setOrientation(VERTICAL);
mRefreshView = getRefreshView();
mRefreshView.setBackgroundColor(Color.WHITE);
LayoutParams listParams = new LayoutParams(-1, -1);
mRefreshView.setLayoutParams(listParams);
addView(mRefreshView);
//添加HeaderView
mHeaderView = new CustomHeaderView(context);
LayoutParams params = new LayoutParams(-1, -2);
mHeaderView.setLayoutParams(params);
addView(mHeaderView, 0);
//添加FooterView
mFooterView = new CustomFooterView(context);
LayoutParams fParams = new LayoutParams(-1, 200);
mFooterView.setLayoutParams(fParams);
addView(mFooterView, -1);
//弹性滑动实现
mScroller = new Scroller(context);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
//第一次获取相关参数，并隐藏HeaderView，FooterView
if (isFirst) {
mHeaderHeight = mHeaderView.getMeasuredHeight();
mMaxScrollHeight = mHeaderHeight * 3;
resetHeaderLayout(-mHeaderHeight);
mFooterHeight = mFooterView.getMeasuredHeight();
resetFooterLayout(-mFooterHeight);
Log.v("@mHeaderHeight", mHeaderHeight + "");
Log.v("@mFooterHeight", mFooterHeight + "");
isFirst = false;
}
}
private void resetHeaderLayout(int offset) {
LayoutParams params = (LayoutParams) mHeaderView.getLayoutParams();
params.topMargin = offset;
mHeaderView.requestLayout();
}
private void resetFooterLayout(int offset) {
LayoutParams params = (LayoutParams) mFooterView.getLayoutParams();
params.bottomMargin = offset;
mFooterView.requestLayout();
}
//按下时的位置,当事件被阻止时，第一次ActionDown事件，onTouchEvent无法获取这个位置
//需要在onInterceptTouchEvent获取
private float downY;
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
//如果当前是正在刷新并且是下拉状态，则当前视图处理事件
if (isRefreshing && mScrollY < 0) {
return true;
}
//如果当前是刷新状态，并且处于上拉状态，则视图不可进入下拉状态
if (mScrollY >= 0 && isRefreshing)
return false;
boolean isIntercept = false;
int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
downY = ev.getY();
break;
case MotionEvent.ACTION_MOVE:
//如果达到了滑动条件
if (Math.abs(ev.getY() - downY) >= mTouchSlop) {
if (ev.getY() - downY > 0) {//下拉
isIntercept = isEnablePullDown();
if (isIntercept)//设置下拉还是上滑的状态,true表示下拉动作
isPullDownMotion = true;
} else {//上滑
isIntercept = isEnableLoadMore();
if (isIntercept)//false表示上滑状态
isPullDownMotion = false;
}
} else {
isIntercept = false;
}
break;
case MotionEvent.ACTION_CANCEL:
//如果返回true，子视图如果包含点击事件，则无法进行处理
isIntercept = false;
break;
case MotionEvent.ACTION_UP:
isIntercept = false;
break;
}
return isIntercept;
}
//记录当前滑动的位置
private int mScrollY;
@Override
public boolean onTouchEvent(MotionEvent event) {
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
//第一次判断时，downY只能从intercept中获取，之后从这里获取
downY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
float dY = event.getY() - downY;
if (isPullDownMotion)//下拉
doPullDownMoveEvent(dY);
else {//自动加载更多
doLoadMoreEvent(dY);
}
break;
case MotionEvent.ACTION_UP:
if (isPullDownMotion) {
//处理下拉结果
doPullDownResult();
} else {
//处理滑动加载更多结果
doLoadMoreResult();
}
break;
case MotionEvent.ACTION_CANCEL:
//同ACTION_UP
if (isPullDownMotion) {
doPullDownResult();
} else {
doLoadMoreResult();
}
break;
}
return true;
}
/**
* 处理加载更多
*/
private void doLoadMoreResult() {
//手指松开时，如果FooterView,没有完全滑动出来，自动滑动出来
scrollTo(0, mFooterHeight);
mScrollY = getScrollY();
if (!isRefreshing) {
isRefreshing = true;
if (listener != null)
listener.onLoadMore();
}
}
/**
* 加载更多完成后调用
*/
public void completeLoadMore() {
scrollTo(0, 0);
mScrollY = 0;
isRefreshing = false;
LinearLayoutManager manager = (LinearLayoutManager) mRefreshView.getLayoutManager();
int count = manager.getItemCount();
if (count > lastVisible + 1)//加载了更多数据
mRefreshView.scrollToPosition(lastVisible + 1);
}
//处理加载更多
private void doLoadMoreEvent(float y) {
int scrollY = (int) (mScrollY - y);
if (scrollY < 0) {
scrollY = 0;
}
if (scrollY > mFooterHeight) {
scrollY = mFooterHeight;
}
Log.v("@scrollY", scrollY + "");
scrollTo(0, scrollY);
}
/**
* 处理释放后的操作
*/
private void doPullDownResult() {
//先获取现在滑动到的位置
mScrollY = getScrollY();
switch (mCurrentState) {
case PULL_TO_REFRESH:
mCurrentState = NORMAL;
mHeaderView.onNormal();
smoothScrollTo(0);
break;
case RELEASE_TO_REFRESH:
//松开时，如果是释放刷新，则开始进行刷新动作
if (!isRefreshing) {
//滑动到指定位置
smoothScrollTo(-mHeaderHeight);
mHeaderView.onRefreshing();
isRefreshing = true;
if (listener != null) {
//执行刷新回调
listener.onPullDownRefresh();
}
//如果当前滑动位置太靠下，则滑动到指定刷新位置
} else if (mScrollY < -mHeaderHeight) {
smoothScrollTo(-mHeaderHeight);
}
break;
}
}
/**
* 获取到数据后，调用
*/
public void completeRefresh() {
isRefreshing = false;
mCurrentState = NORMAL;
smoothScrollTo(0);
}
private void doPullDownMoveEvent(float y) {
int scrollY = (int) (mScrollY - y * RATIO);
if (scrollY > 0) {
scrollY = 0;
}
if (scrollY < -mMaxScrollHeight) {
scrollY = -mMaxScrollHeight;
}
scrollTo(0, scrollY);
if (isRefreshing)
return;
//设置相应的状态
if (scrollY == 0) {
mCurrentState = NORMAL;
mHeaderView.onNormal();
} else if (scrollY <= 0 && scrollY > -mHeaderHeight) {
mCurrentState = PULL_TO_REFRESH;
mHeaderView.onPullToRefresh(Math.abs(scrollY));
} else if (scrollY <= -mHeaderHeight && scrollY >= -mMaxScrollHeight) {
mCurrentState = RELEASE_TO_REFRESH;
mHeaderView.onReleaseToRefresh(Math.abs(scrollY));
}
}
/**
* 从当前位置滑动到指定位置
* @param y 滑动到的位置
*/
private void smoothScrollTo(int y) {
int dY = y - mScrollY;
mScroller.startScroll(0, mScrollY, 0, dY, 500);
invalidate();
}
private RecyclerView getRefreshView() {
mRefreshView = new RecyclerView(mContext);
mRefreshView.setLayoutManager(new LinearLayoutManager(mContext, LinearLayoutManager.VERTICAL, false));
mRefreshView.addItemDecoration(new CustomItemDecoration(mContext, CustomItemDecoration.VERTICAL_LIST));
return mRefreshView;
}
public void setAdapter(RecyclerView.Adapter adapter) {
mRefreshView.setAdapter(adapter);
}
/**
* 判断列表是否在最顶端
* @return
*/
private boolean isEnablePullDown() {
LinearLayoutManager manager = (LinearLayoutManager) mRefreshView.getLayoutManager();
int firstVisible = manager.findFirstVisibleItemPosition();
//当前还没有数据，可以进行下拉
if(manager.getItemCount()==0)
return true;
return firstVisible == 0 && manager.getChildAt(0).getTop() == 0;
}
/**
* 判断列表是否滑动到了最底部
* @return
*/
private boolean isEnableLoadMore() {
LinearLayoutManager manager = (LinearLayoutManager) mRefreshView.getLayoutManager();
lastVisible = manager.findLastVisibleItemPosition();
int totalCount = manager.getItemCount();
//如果没有数据，只能下拉刷新
if (totalCount == 0)
return false;
int bottom = manager.findViewByPosition(lastVisible).getBottom();
int decorHeight = manager.getBottomDecorationHeight(mRefreshView.getChildAt(0));
//最后一个child的底部位置在当前视图的上面
return totalCount == lastVisible + 1 && bottom + decorHeight <= getMeasuredHeight();
}
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
scrollTo(0, mScroller.getCurrY());
mScrollY = mScroller.getCurrY();
invalidate();
}
}
/**
* 设置Footer的内容
*/
public void setFooterViewState(boolean hasMoreData){
if(hasMoreData){
mFooterView.onRefreshing();
}else{
mFooterView.onNoData();
}
}
public interface OnRefreshListener {
void onPullDownRefresh();
void onLoadMore();
}
public void setOnRefreshListener(OnRefreshListener listener) {
this.listener = listener;
}
}
接下来一步一步的进行分析。
首先，我们在构造方法中，调用了init（Context）方法，如下：
private void init(Context context) {
mContext = context;
this.setOrientation(VERTICAL);
mRefreshView = getRefreshView();
mRefreshView.setBackgroundColor(Color.WHITE);
LayoutParams listParams = new LayoutParams(-1, -1);
mRefreshView.setLayoutParams(listParams);
addView(mRefreshView);
//添加HeaderView
mHeaderView = new CustomHeaderView(context);
LayoutParams params = new LayoutParams(-1, -2);
mHeaderView.setLayoutParams(params);
addView(mHeaderView, 0);
//添加FooterView
mFooterView = new CustomFooterView(context);
LayoutParams fParams = new LayoutParams(-1, 200);
mFooterView.setLayoutParams(fParams);
addView(mFooterView, -1);
//弹性滑动实现
mScroller = new Scroller(context);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
}
方法中，我们构造了HeaderView，RecyclerView以及FooterView。HeaderView和FooterView是简单的自定义View，RecyclerView是直接构造的。并且在init()方法中，构造了Scroller，用于后面的弹性滑动需要。
接着，后面会执行onSizeChange方法：
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
//第一次获取相关参数，并隐藏HeaderView，FooterView
if (isFirst) {
mHeaderHeight = mHeaderView.getMeasuredHeight();
mMaxScrollHeight = mHeaderHeight * 3;
resetHeaderLayout(-mHeaderHeight);
mFooterHeight = mFooterView.getMeasuredHeight();
resetFooterLayout(-mFooterHeight);
Log.v("@mHeaderHeight", mHeaderHeight + "");
Log.v("@mFooterHeight", mFooterHeight + "");
isFirst = false;
}
}
设置了一个isFirst变量，防止重复设置里面的代码。在这个方法里面，我们获取了HeaderView，FooterView的测量高。并且，我们设置了HeaderView，FooterView的margin值，隐藏了头部和尾部。
再接着，就是与用户的交互过程，即用户的触摸事件。这个实现过程，分成两块，一块是下拉刷新，一块是滑动到底部自动加载。这里我们一起分析。
//按下时的位置,当事件被阻止时，第一次ActionDown事件，onTouchEvent无法获取这个位置
//需要在onInterceptTouchEvent获取
private float downY;
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
//如果当前是正在刷新并且是下拉状态，则当前视图处理事件
if (isRefreshing && mScrollY < 0) {
return true;
}
//如果当前是刷新状态，并且处于上拉状态，则视图不可进入下拉状态
if (mScrollY >= 0 && isRefreshing)
return false;
boolean isIntercept = false;
int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
downY = ev.getY();
break;
case MotionEvent.ACTION_MOVE:
//如果达到了滑动条件
if (Math.abs(ev.getY() - downY) >= mTouchSlop) {
if (ev.getY() - downY > 0) {//下拉
isIntercept = isEnablePullDown();
if (isIntercept)//设置下拉还是上滑的状态,true表示下拉动作
isPullDownMotion = true;
} else {//上滑
isIntercept = isEnableLoadMore();
if (isIntercept)//false表示上滑状态
isPullDownMotion = false;
}
} else {
isIntercept = false;
}
break;
case MotionEvent.ACTION_CANCEL:
//如果返回true，子视图如果包含点击事件，则无法进行处理
isIntercept = false;
break;
case MotionEvent.ACTION_UP:
isIntercept = false;
break;
}
return isIntercept;
}
onInterceptTouchEvent的作用，如果返回值为true，表示拦截事件，则事件交个当前控件进行处理，子View无法接收到事件；否则事件交给子View处理。 我们要知道，一般，一个事件序列，只能由一个控件处理，也就是说，如果这个控件消费了ACTION_DOWN事件，那么，后面的ACTION_MOVE等都会交给他处理。但是，如果他的parentView在ACTION_MOVE中，拦截了事件，事件将会转交给ParentView的onTouchEvent处理。
然后，开始分析代码，
//如果当前是正在刷新并且是下拉状态，则当前视图处理事件
if (isRefreshing && mScrollY < 0) {
return true;
}
//如果当前是刷新状态，并且处于上拉状态，则视图不可进入下拉状态
if (mScrollY >= 0 && isRefreshing)
return false;
如果当前为下拉并且在刷新状态，则返回true，表示拦截事件，RecyclerView不可滑动。如果当前是滑动加载更多，并且刷新状态，则不拦截，因为后面我想在滑动加载更多时，RecyclerView可以滑动。 截止后面，在ACTION_DOWN事件中，我们记录下按下的y轴位置。然后是ACTION_MOVE；
//如果达到了滑动条件
if (Math.abs(ev.getY() - downY) >= mTouchSlop) {
if (ev.getY() - downY > 0) {//下拉
isIntercept = isEnablePullDown();
if (isIntercept)//设置下拉还是上滑的状态,true表示下拉动作
isPullDownMotion = true;
} else {//上滑
isIntercept = isEnableLoadMore();
if (isIntercept)//false表示上滑状态
isPullDownMotion = false;
}
} else {
isIntercept = false;
}
mTouchSlop是滑动的最小值，如果小于这个值，我们认为没有滑动，大于这个值才算滑动。如果当前滑动，大于这个值，继续走里面的if判断，如果当前是下拉状态，并且是可以下拉，那么拦截事件，否则进行滑动加载更多，如果满足滑动加载更多的条件，那么可以向上滑动。并且整个过程，用isPullDownMotion记录下了是向上还是向下的动作。后面在onTouchEvent中需要使用。最后，ACTION_UP和ACTION_CANCEL不拦截，如果拦截，会影响到子View的点击事件。
最后是onTouchEvent
//记录当前滑动的位置
private int mScrollY;
@Override
public boolean onTouchEvent(MotionEvent event) {
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
//第一次判断时，downY只能从intercept中获取，之后从这里获取
downY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
float dY = event.getY() - downY;
if (isPullDownMotion)//下拉
doPullDownMoveEvent(dY);
else {//自动加载更多
doLoadMoreEvent(dY);
}
break;
case MotionEvent.ACTION_UP:
if (isPullDownMotion) {
//处理下拉结果
doPullDownResult();
} else {
//处理滑动加载更多结果
doLoadMoreResult();
}
break;
case MotionEvent.ACTION_CANCEL:
//同ACTION_UP
if (isPullDownMotion) {
doPullDownResult();
} else {
doLoadMoreResult();
}
break;
}
return true;
}
看下拉环节（滑动加载更多类似，不再介绍），下拉过程ACTION_MOVE中先调用doPullDownMoveEvent，然后在ACTION_UP中调用了doPullDownResult。先看duPullDownMoveEvent
private void doPullDownMoveEvent(float y) {
int scrollY = (int) (mScrollY - y * RATIO);
if (scrollY > 0) {
scrollY = 0;
}
if (scrollY < -mMaxScrollHeight) {
scrollY = -mMaxScrollHeight;
}
scrollTo(0, scrollY);
if (isRefreshing)
return;
//设置相应的状态
if (scrollY == 0) {
mCurrentState = NORMAL;
mHeaderView.onNormal();
} else if (scrollY <= 0 && scrollY > -mHeaderHeight) {
mCurrentState = PULL_TO_REFRESH;
mHeaderView.onPullToRefresh(Math.abs(scrollY));
} else if (scrollY <= -mHeaderHeight && scrollY >= -mMaxScrollHeight) {
mCurrentState = RELEASE_TO_REFRESH;
mHeaderView.onReleaseToRefresh(Math.abs(scrollY));
}
}
先计算滑动的位置，把滑动的位置限制在-mMaxScrollHeight和0之间，这样就不会滑动到其他地方，然后调用View的scrollTo方法，滑动到对应位置。这样就完成了触摸滑动。
后面，我们在通过滑动的位置，设置相应的状态。并回调HeaderView的各个状态的方法。
然后再看doPullDownResult
/**
* 处理释放后的操作
*/
private void doPullDownResult() {
//先获取现在滑动到的位置
mScrollY = getScrollY();
switch (mCurrentState) {
case PULL_TO_REFRESH:
mCurrentState = NORMAL;
mHeaderView.onNormal();
smoothScrollTo(0);
break;
case RELEASE_TO_REFRESH:
//松开时，如果是释放刷新，则开始进行刷新动作
if (!isRefreshing) {
//滑动到指定位置
smoothScrollTo(-mHeaderHeight);
mHeaderView.onRefreshing();
isRefreshing = true;
if (listener != null) {
//执行刷新回调
listener.onPullDownRefresh();
}
//如果当前滑动位置太靠下，则滑动到指定刷新位置
} else if (mScrollY < -mHeaderHeight) {
smoothScrollTo(-mHeaderHeight);
}
break;
}
}
这个方法，就是手指松开屏幕时触发。然后判断移动过程中的状态，如果是下拉刷新状态，则重新恢复到下拉之前，调用smoothScrollTo（后面分析具体实现），弹性滑动到初始位置，并设置状态为NORMAL状态。
如果松开时，是释放刷新状态，那么，先弹性滑动到刷新位置，并执行回调方法。
现在分析，弹性滑动 smoothScrollTo
/**
* 从当前位置滑动到指定位置
* @param y 滑动到的位置
*/
private void smoothScrollTo(int y) {
int dY = y - mScrollY;
mScroller.startScroll(0, mScrollY, 0, dY, 500);
invalidate();
}
这个方法，必须要配合computeScroll使用，不然是没有效果的。具体的原因，需要查看View的绘制流程，这里我就不具体分析。
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
scrollTo(0, mScroller.getCurrY());
mScrollY = mScroller.getCurrY();
invalidate();
}
}
这个过程，是从Scroller的startScroll方法开始的，这个方法，调用后，Scroller的computeScrollOffset只要动作没有执行完，就会一直返回true。调用了startScroll方法，需要调用invalide（）来引起computeScroll方法的调用，而里面scrollTo方法，才是真正实现位移的原因。里面再调用invalidate又重新引起了computeScroll方法，直到Scroller的computeOffset方法返回false。 这样，每次都移动一小段位置，就实现了平滑滑动的效果。
使用方法，布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<com.mjc.recyclerviewdemo.refresh.PullToRefreshRecycleView
android:id="@+id/prrv"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
Activity中
mPRRV = (PullToRefreshRecycleView) findViewById(R.id.prrv);
mPRRV.setOnRefreshListener(new PullToRefreshRecycleView.OnRefreshListener() {
@Override
public void onPullDownRefresh() {
mHandler.postDelayed(new Runnable() {
@Override
public void run() {
datas.add(0, "add");
mAdapter.notifyDataSetChanged();
mPRRV.completeRefresh();
}
}, 2000);
}
@Override
public void onLoadMore() {
mHandler.postDelayed(new Runnable() {
@Override
public void run() {
datas.add("李四");
datas.add("王五");
datas.add("张三");
datas.add("李四");
datas.add("王五");
datas.add("张三");
mAdapter.notifyDataSetChanged();
mPRRV.completeLoadMore();
}
}, 1000);
}
});
附： 源码