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

<android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:id="@+id/swipe_refresh"  android:orientation="vertical" android:layout_width="match_parent"  android:layout_height="match_parent">  <android.support.v7.widget.RecyclerView    android:id="@+id/swipe_target"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:scrollbars="none" /></android.support.v4.widget.SwipeRefreshLayout>

 @Override  public void onScrolled(RecyclerView recyclerView, int dx, int dy) {    /**     * 获取布局参数     */    RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();    //如果为null，第一次运行，确定布局类型    if (mLayoutManagerType == null) {      if (layoutManager instanceof LinearLayoutManager) {        mLayoutManagerType = LayoutManagerType.LINEAR_LAYOUT;      } else if (layoutManager instanceof GridLayoutManager) {        mLayoutManagerType = LayoutManagerType.GRID_LAYOUT;      } else if (layoutManager instanceof StaggeredGridLayoutManager) {        mLayoutManagerType = LayoutManagerType.STAGGERED_GRID_LAYOUT;      } else {        throw new RuntimeException("LayoutManager should be LinearLayoutManager,GridLayoutManager,StaggeredGridLayoutManager");      }    }    //对于不太能够的布局参数，不同的方法获取到当前显示的最后一个条目数    switch (mLayoutManagerType) {      case LINEAR_LAYOUT:        mLastVisibleItemPosition = ((LinearLayoutManager) layoutManager).findLastVisibleItemPosition();        break;      case GRID_LAYOUT:        mLastVisibleItemPosition = ((GridLayoutManager) layoutManager).findLastVisibleItemPosition();        break;      case STAGGERED_GRID_LAYOUT:        StaggeredGridLayoutManager staggeredGridLayoutManager = (StaggeredGridLayoutManager) layoutManager;        if (mLastPostions == null) {          mLastPostions = new int[staggeredGridLayoutManager.getSpanCount()];        }        staggeredGridLayoutManager.findLastVisibleItemPositions(mLastPostions);        mLastVisibleItemPosition = findMax(mLastPostions);        break;      default:        break;    }  }

/** * * RecycleView的布局管理器的类型 * Created by Alex_MaHao on 2016/5/10. */public enum LayoutManagerType {  LINEAR_LAYOUT,  GRID_LAYOUT,  STAGGERED_GRID_LAYOUT}

  /**   * 当是瀑布流时，获取到的是每一个瀑布最下方显示的条目，通过条目进行对比   */  private int findMax(int[] lastPositions) {    int max = lastPositions[0];    for (int value : lastPositions) {      if (value > max) {        max = value;      }    }    return max;  }

 @Override  public void onScrollStateChanged(RecyclerView recyclerView, int newState) {    RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();    //RecycleView 显示的条目数    int visibleCount = layoutManager.getChildCount();    //显示数据总数    int totalCount = layoutManager.getItemCount();    // 四个条件，分别是是否有数据，状态是否是滑动停止状态，显示的最大条目是否大于整个数据（注意偏移量），是否正在加载数据    if(visibleCount>0        &&newState==RecyclerView.SCROLL_STATE_IDLE        &&mLastVisibleItemPosition>=totalCount-1        &&!isLoadData){      //可以加载数据      isLoadData = true;    }  }

  public void setLoadDataStatus(boolean isLoadData){    this.isLoadData = isLoadData;  }

/** * 实现上拉加载的监听：加载条件：滑动到最后，且是停止状态，则开始加载数据 * Created by Alex_MaHao on 2016/5/10. */public class LoadDataScrollController extends RecyclerView.OnScrollListener implements SwipeRefreshLayout.OnRefreshListener {  /**   * 当前布局管理器的类型   */  private LayoutManagerType mLayoutManagerType;  /**   * 当前RecycleView显示的最大条目   */  private int mLastVisibleItemPosition;  /**   * 每列的最后一个条目   */  private int[] mLastPostions;  /**   * 是否正在加载数据 包括刷新和向上加载更多   */  private boolean isLoadData = false;  /**   * 回调接口   */  private OnRecycleRefreshListener mListener;  public LoadDataScrollController(OnRecycleRefreshListener onRecycleRefreshListener) {    this.mListener = onRecycleRefreshListener;  }  @Override  public void onScrolled(RecyclerView recyclerView, int dx, int dy) {    /**     * 获取布局参数     */    RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();    //如果为null，第一次运行，确定布局类型    if (mLayoutManagerType == null) {      if (layoutManager instanceof LinearLayoutManager) {        mLayoutManagerType = LayoutManagerType.LINEAR_LAYOUT;      } else if (layoutManager instanceof GridLayoutManager) {        mLayoutManagerType = LayoutManagerType.GRID_LAYOUT;      } else if (layoutManager instanceof StaggeredGridLayoutManager) {        mLayoutManagerType = LayoutManagerType.STAGGERED_GRID_LAYOUT;      } else {        throw new RuntimeException("LayoutManager should be LinearLayoutManager,GridLayoutManager,StaggeredGridLayoutManager");      }    }    //对于不太能够的布局参数，不同的方法获取到当前显示的最后一个条目数    switch (mLayoutManagerType) {      case LINEAR_LAYOUT:        mLastVisibleItemPosition = ((LinearLayoutManager) layoutManager).findLastVisibleItemPosition();        break;      case GRID_LAYOUT:        mLastVisibleItemPosition = ((GridLayoutManager) layoutManager).findLastVisibleItemPosition();        break;      case STAGGERED_GRID_LAYOUT:        StaggeredGridLayoutManager staggeredGridLayoutManager = (StaggeredGridLayoutManager) layoutManager;        if (mLastPostions == null) {          mLastPostions = new int[staggeredGridLayoutManager.getSpanCount()];        }        staggeredGridLayoutManager.findLastVisibleItemPositions(mLastPostions);        mLastVisibleItemPosition = findMax(mLastPostions);        break;      default:        break;    }  }  @Override  public void onScrollStateChanged(RecyclerView recyclerView, int newState) {    RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();    //RecycleView 显示的条目数    int visibleCount = layoutManager.getChildCount();    //显示数据总数    int totalCount = layoutManager.getItemCount();    // 四个条件，分别是是否有数据，状态是否是滑动停止状态，显示的最大条目是否大于整个数据（注意偏移量），是否正在加载数据    if(visibleCount>0        &&newState==RecyclerView.SCROLL_STATE_IDLE        &&mLastVisibleItemPosition>=totalCount-1        &&!isLoadData){      //可以加载数据     if(mListener!=null){       isLoadData = true;       mListener.loadMore();     }    }  }  /**   * 当是瀑布流时，获取到的是每一个瀑布最下方显示的条目，通过条目进行对比   */  private int findMax(int[] lastPositions) {    int max = lastPositions[0];    for (int value : lastPositions) {      if (value > max) {        max = value;      }    }    return max;  }  public void setLoadDataStatus(boolean isLoadData){    this.isLoadData = isLoadData;  }  @Override  public void onRefresh() {    //刷新数据的方法    if(mListener!=null){      isLoadData = true;      mListener.refresh();    }  }  /**   * 数据加载接口回调   */  interface OnRecycleRefreshListener{    void refresh();    void loadMore();  }}

/** * 使用原生的SwipeRefreshLayout和代码判断 *   实现RecyclewView 的刷新和加载更多 * * Created by Alex_MaHao on 2016/5/10. */public class SwipeRefreshActivity extends AppCompatActivity implements LoadDataScrollController.OnRecycleRefreshListener {  private SwipeRefreshLayout mSwipeRefresh;  private RecyclerView mRecycle;  private HomeAdapter mAdapter;  private LoadDataScrollController mController;  private ProgressDialog pd;  @Override  protected void onCreate(@Nullable Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_recycle_swiperefresh);    mRecycle = ((RecyclerView) findViewById(R.id.swipe_target));    mSwipeRefresh = ((SwipeRefreshLayout) findViewById(R.id.swipe_refresh));    mSwipeRefresh.setColorSchemeColors(Color.RED,Color.GREEN,Color.BLUE);    /**     * 创建控制器，同时使当前activity实现数据监听回调接口     */    mController = new LoadDataScrollController(this);    mAdapter = new HomeAdapter();    //设置垂直的线性布局管理器，Orientation -->  VERTICAL:垂直  HORIZONTAL:水平    LinearLayoutManager layoutManager = new LinearLayoutManager(this);    layoutManager.setOrientation(LinearLayoutManager.VERTICAL);    //StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL);    //添加分割线    mRecycle.addItemDecoration(new DividerItemDecoration(getApplicationContext(), DividerItemDecoration.VERTICAL_LIST));    mRecycle.setLayoutManager(layoutManager);    mRecycle.setItemAnimator(new DefaultItemAnimator());    mRecycle.setAdapter(mAdapter);    mAdapter.refresh();    /**     * 设置监听     */    mRecycle.addOnScrollListener(mController);    mSwipeRefresh.setOnRefreshListener(mController);  }  @Override  public void refresh() {    //刷新的接口调    mSwipeRefresh.postDelayed(new Runnable() {      @Override      public void run() {        mAdapter.refresh();        mSwipeRefresh.setRefreshing(false);        mController.setLoadDataStatus(false);      }    },2000);  }  @Override  public void loadMore() {    //加载更多的接口回调    pd = new ProgressDialog(this);    pd.show();    mSwipeRefresh.postDelayed(new Runnable() {      @Override      public void run() {        mAdapter.add();        //设置数据加载结束的监听状态        mController.setLoadDataStatus(false);        pd.dismiss();      }    },2000);  }}

 repositories {    maven { url "https://jitpack.io" }      } compile 'com.github.Aspsine:SwipeToLoadLayout:1.0.3'

/** * 基础的refreshHeadView */public class RefreshHeaderView extends TextView implements SwipeRefreshTrigger, SwipeTrigger {  public RefreshHeaderView(Context context) {    super(context);  }  public RefreshHeaderView(Context context, AttributeSet attrs) {    super(context, attrs);  }  public RefreshHeaderView(Context context, AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);  }  @TargetApi(Build.VERSION_CODES.LOLLIPOP)  public RefreshHeaderView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {    super(context, attrs, defStyleAttr, defStyleRes);  }  @Override  public void onRefresh() {    //下拉到一定位置松开之后，调用此方法    setText("refresh");    Log.i("info","onRefresh");  }  @Override  public void onPrepare() {    //下拉之前调用此方法    Log.i("info","onPrepare");  }  @Override  public void onMove(int yScrolled, boolean isComplete, boolean automatic) {    if (!isComplete) {      //当前Y轴偏移量大于控件高度时，标识下拉到界限，显示“松开已刷新”      if (yScrolled >= getHeight()) {      } else {        //未达到偏移量      }    }     Log.i("info","onMove");  }  @Override  public void onRelease() {    //达到一定滑动距离，松开刷新时调用    setText("onRelease");    Log.i("info","onRelease");  }  @Override  public void onComplete() {    //加载完成之后调用此方法    setText("complete");    Log.i("info","onComplete");  }  @Override  public void onReset() {    //重置    setText("onReset");    Log.i("info","onReset");  }}

<RelativeLayout 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"  android:background="#ECEDF0"  >  <com.aspsine.swipetoloadlayout.SwipeToLoadLayout    android:id="@+id/swipeToLoadLayout"    android:layout_width="match_parent"    android:layout_height="match_parent">    <com.mahao.alex.systemwidgetdemo.recycleView.swipetoloadlayout.RefreshHeaderView      android:id="@+id/swipe_refresh_header"      android:layout_width="match_parent"      android:layout_height="wrap_content" />    <android.support.v7.widget.RecyclerView      android:id="@+id/swipe_target"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:scrollbars="vertical" />    <com.mahao.alex.systemwidgetdemo.recycleView.swipetoloadlayout.LoaderMoreView      android:id="@+id/swipe_load_more_footer"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:gravity="center"      android:padding="20dp" />  </com.aspsine.swipetoloadlayout.SwipeToLoadLayout></RelativeLayout>

/** * CircleView 圆盘控件，可以旋转 * Created by Alex_MaHao on 2016/5/10. */public class CircleView extends View {  /**   * 控件的半径   */  private int mRadius;  /**   * 绘制弧形的画笔   */  private Paint mArcPaint;  /**   * 绘制弧形的区域   */  private RectF mRange;  private int[] colors = {Color.RED, Color.BLUE, Color.YELLOW, Color.GREEN};  public CircleView(Context context) {    this(context, null, 0);  }  public CircleView(Context context, AttributeSet attrs) {    this(context, attrs, 0);  }  public CircleView(Context context, AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);    init();  }  private void init() {    mArcPaint = new Paint();    mArcPaint.setAntiAlias(true);    mArcPaint.setDither(true);    mArcPaint.setStyle(Paint.Style.FILL);  }  @Override  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {    super.onMeasure(widthMeasureSpec, heightMeasureSpec);    int width = 0;    int height = 0;    int widthSize = MeasureSpec.getSize(widthMeasureSpec);    int widthMode = MeasureSpec.getMode(widthMeasureSpec);    int heightSize = MeasureSpec.getSize(heightMeasureSpec);    int heightMode = MeasureSpec.getMode(heightMeasureSpec);    if (widthMode == MeasureSpec.EXACTLY) {      width = widthSize;    } else {      width = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 45, getResources().getDisplayMetrics());    }    if (heightMode == MeasureSpec.EXACTLY) {      height = heightSize;    } else {      height = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 45, getResources().getDisplayMetrics());    }    //获取半径    mRadius = Math.min(width, height) / 2;    /**     * 设置宽高为固定值     */    setMeasuredDimension(mRadius * 2, mRadius * 2);     mRange = new RectF(0, 0, mRadius * 2, mRadius * 2);  }  @Override  protected void onDraw(Canvas canvas) {    float degree = 360/colors.length/2f;    for (int i = 0; i < 8; i++) {      mArcPaint.setColor(colors[i%4]);      canvas.drawArc(mRange,-90f+degree*i,degree,true,mArcPaint);    }  }}

** * 自定义的下拉刷新控件 头部 * Created by Alex_MaHao on 2016/5/10. */public class CircleRefreshHeaderView extends RelativeLayout implements SwipeTrigger, SwipeRefreshTrigger {  CircleView mCircleView;  TextView mDescText;  private ObjectAnimator anim;  private boolean isRelease;  public CircleRefreshHeaderView(Context context) {    this(context, null, 0);  }  public CircleRefreshHeaderView(Context context, AttributeSet attrs) {    this(context, attrs, 0);  }  public CircleRefreshHeaderView(Context context, AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);    initView();  }  /**   * 初始化布局   */  private void initView() {    int circlewidth = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 30, getResources().getDisplayMetrics());    mCircleView = new CircleView(getContext());    LinearLayout.LayoutParams circleParams = new LinearLayout.LayoutParams(circlewidth,circlewidth);    mCircleView.setLayoutParams(circleParams);    mDescText = new TextView(getContext());    LinearLayout.LayoutParams descParams = new LinearLayout.LayoutParams(circlewidth*3, ViewGroup.LayoutParams.WRAP_CONTENT);    descParams.gravity = Gravity.CENTER;    descParams.setMargins(circlewidth/2,0,0,0);    mDescText.setLayoutParams(descParams);    mDescText.setTextSize(12);    mDescText.setTextColor(Color.GRAY);    mDescText.setText("下拉刷新");    //添加线性的父布局    LinearLayout ll = new LinearLayout(getContext());    RelativeLayout.LayoutParams llParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);    llParams.addRule(CENTER_IN_PARENT);    ll.setLayoutParams(llParams);    ll.setPadding(10,10,10,10);    ll.addView(mCircleView);    ll.addView(mDescText);    addView(ll);  }  @Override  public void onRefresh() {    //开始刷新，启动动画    anim = ObjectAnimator.ofFloat(mCircleView, "rotation", mCircleView.getRotation(), mCircleView.getRotation()+360f)        .setDuration(500);    anim.setRepeatCount(ValueAnimator.INFINITE);    anim.setRepeatMode(ValueAnimator.RESTART);    anim.start();    mDescText.setText("正在加载数据");  }  @Override  public void onPrepare() {    isRelease = false;  }  @Override  public void onMove(int yScroll, boolean isComplete, boolean b1) {    if (!isComplete) {      if (yScroll < getHeight()) {        mDescText.setText("下拉刷新");      } else {        mDescText.setText("松开刷新更多");      }      //如果是仍在下拉状态，则圆环跟随滑动进行滚动      if (!isRelease)        mCircleView.setRotation(((float) yScroll) / getHeight() * 360f);    }  }  @Override  public void onRelease() {    isRelease = true;  }  @Override  public void onComplete() {    anim.cancel();    mDescText.setText("加载完成");  }  @Override  public void onReset() {    //重置时，将动画置为初始状态    mCircleView.setRotation(0f);  }}

<RelativeLayout 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"  android:background="#ECEDF0"  >  <com.aspsine.swipetoloadlayout.SwipeToLoadLayout    android:id="@+id/swipeToLoadLayout"    android:layout_width="match_parent"    android:layout_height="match_parent">    <com.mahao.alex.systemwidgetdemo.recycleView.swipetoloadlayout.CircleRefreshHeaderView      android:id="@+id/swipe_refresh_header"      android:layout_width="match_parent"      android:layout_height="wrap_content" />    <android.support.v7.widget.RecyclerView      android:id="@+id/swipe_target"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:scrollbars="vertical" />    <com.mahao.alex.systemwidgetdemo.recycleView.swipetoloadlayout.LoaderMoreView      android:id="@+id/swipe_load_more_footer"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:gravity="center"      android:padding="20dp" />  </com.aspsine.swipetoloadlayout.SwipeToLoadLayout></RelativeLayout>

public class SwipeToLayoutActivity extends AppCompatActivity implements OnRefreshListener, OnLoadMoreListener {  private RecyclerView mRecycleView;  SwipeToLoadLayout swipeToLoadLayout;  private HomeAdapter adapter;  @Override  protected void onCreate(@Nullable Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_recycle_swipetolayout);    swipeToLoadLayout = ((SwipeToLoadLayout) findViewById(R.id.swipeToLoadLayout));    mRecycleView = ((RecyclerView) findViewById(R.id.swipe_target));    adapter = new HomeAdapter();    //设置垂直的线性布局管理器，Orientation -->  VERTICAL:垂直  HORIZONTAL:水平    LinearLayoutManager layoutManager = new LinearLayoutManager(this);    layoutManager.setOrientation(LinearLayoutManager.VERTICAL);//    StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL);    //添加分割线    mRecycleView.addItemDecoration(new DividerItemDecoration(getApplicationContext(), DividerItemDecoration.VERTICAL_LIST));    mRecycleView.setLayoutManager(layoutManager);    mRecycleView.setItemAnimator(new DefaultItemAnimator());    mRecycleView.setAdapter(adapter);    adapter.refresh();    /**     * 设置下拉刷新和上拉加载监听     */    swipeToLoadLayout.setOnRefreshListener(this);    swipeToLoadLayout.setOnLoadMoreListener(this);  }  @Override  public void onRefresh() {    swipeToLoadLayout.postDelayed(new Runnable() {      @Override      public void run() {        adapter.refresh();        swipeToLoadLayout.setRefreshing(false);      }    },2000);  }  @Override  public void onLoadMore() {    swipeToLoadLayout.postDelayed(new Runnable() {      @Override      public void run() {        adapter.add();        swipeToLoadLayout.setLoadingMore(false);      }    },2000);  }}

this.mHeaderView = this.findViewById(id.swipe_refresh_header); this.mTargetView = this.findViewById(id.swipe_target); this.mFooterView = this.findViewById(id.swipe_load_more_footer);