RecyclerView 上拉加载更多及滚动到底部的判断(上)

关于下拉刷新上拉加载更多，网上有很多例子；下拉刷新比较简单直接使用系统提供 SwipeRefreshLayout 即可，比较麻烦的是上拉加载更多，实现上拉的方法多种多样，这里对各个方法总结一下。

需求分析

RecyclerView 滚动到底部后，用户再往上拖拽（这里使用场景是拖拽，而不是手指离屏后的自动滚动到底部）时，RecyclerView 展示出加载更多的字样并请求更多的数据，请求成功后更新 RecyclerView ；在默认情况下 RecyclerView 的高度大于可展示高度，即 RecyclerView 没有展示出全部 item ，可滑动，反之则说明不需要加载更多。

技术点

判断 RecyclerView 滚动到了底部
判断 RecyclerView 拖拽

判断 RecyclerView 滚动到了底部

判断 RecyclerView 是否到达底部网上流传着下面几种方法，这些方法都存在些许问题，最后我们再给出推荐的方式。

1. 根据 item 判断是否到达底部
这种方法最常见，一般都是像下面这样实现：

public static boolean isVisBottom(RecyclerView recyclerView){  
  LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();  
  //屏幕中最后一个可见子项的position
  int lastVisibleItemPosition = layoutManager.findLastVisibleItemPosition();  
  //当前屏幕所看到的子项个数
  int visibleItemCount = layoutManager.getChildCount();  
  //当前RecyclerView的所有子项个数
  int totalItemCount = layoutManager.getItemCount();  
  //RecyclerView的滑动状态
  int state = recyclerView.getScrollState();  
  if(visibleItemCount > 0 && lastVisibleItemPosition == totalItemCount - 1 && state == recyclerView.SCROLL_STATE_IDLE){   
     return true; 
  }else {   
     return false;  
  }
}

用这种方式判断是否滚动到底部时，只要最后一个 item 显示出一点，就会触发加载更多，用户此时看不到在 FooterView 处的加载更多字样（与拖拽展示出加载更多的需求不符）；另外，当 RecyclerView 的 item 过少不足填满整个 RecyclerView 时，也会触发加载更多；因此，这种方式不符合我们的要求。

2. 使用 canScrollVertically(int direction) 判断是否到达底部

RecyclerView.canScrollVertically(1)的值表示是否能向上滚动，false表示已经滚动到底部
RecyclerView.canScrollVertically(-1)的值表示是否能向下滚动，false表示已经滚动到顶部

这种方法看似简单，其实同样存在一些陷阱。当 RecyclerView 的 item 过少不足填满整个 RecyclerView 时，无论上拉还是下拉都会触发加载更多；另外，direction 不只可取1和-1，只需保证正负就能达到一样的效果。

// View#canScrollVertically(int direction) 源码
public boolean canScrollVertically(int direction) {
    final int offset = computeVerticalScrollOffset();
    final int range = computeVerticalScrollRange() - computeVerticalScrollExtent();
    if (range == 0) return false;
    if (direction < 0) {
        return offset > 0;
    } else {
        return offset < range - 1;
    }
}

3. 通过 LinearLayoutManager 进行一系列的计算
这种方法极不推荐使用，过程很复杂，不过对于理解 View 的布局有很大的帮助。这种方法共分为四步，下面将网上的方法抄录如下（请读者自行验证是否也存在方法1,2同样的问题）：

算出一个子项的高度

public static int getItemHeight(RecyclerView recyclerView) {
int itemHeight = 0;
View child = null;
LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();
int firstPos = layoutManager.findFirstCompletelyVisibleItemPosition();
int lastPos = layoutManager.findLastCompletelyVisibleItemPosition();
child = layoutManager.findViewByPosition(lastPos);
if (child != null) {
RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
itemHeight = child.getHeight() + params.topMargin + params.bottomMargin;
}
return itemHeight;
}
算出滑过的子项的总距离

public static int getLinearScrollY(RecyclerView recyclerView) {
int scrollY = 0;
LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();
int headerCildHeight = getHeaderHeight(recyclerView);
int firstPos = layoutManager.findFirstVisibleItemPosition();
View child = layoutManager.findViewByPosition(firstPos);
int itemHeight = getItemHeight(recyclerView);
if (child != null) {
int firstItemBottom = layoutManager.getDecoratedBottom(child);
scrollY = headerCildHeight + itemHeight * firstPos - firstItemBottom;
if(scrollY < 0){
scrollY = 0;
}
}
return scrollY;
}
算出所有子项的总高度

public static int getLinearTotalHeight(RecyclerView recyclerView) { int totalHeight = 0;
LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();
View child = layoutManager.findViewByPosition(layoutManager.findFirstVisibleItemPosition());
int headerCildHeight = getHeaderHeight(recyclerView);
if (child != null) {
int itemHeight = getItemHeight(recyclerView);
int childCount = layoutManager.getItemCount();
totalHeight = headerCildHeight + (childCount - 1) * itemHeight;
}
return totalHeight;
}
高度作比较

public static boolean isLinearBottom(RecyclerView recyclerView) {
boolean isBottom = true;
int scrollY = getLinearScrollY(recyclerView);
int totalHeight = getLinearTotalHeight(recyclerView);
int height = recyclerView.getHeight();
// Log.e(“height”,”scrollY ” + scrollY + ” totalHeight ” + totalHeight + ” recyclerHeight ” + height);
if (scrollY + height < totalHeight) {
isBottom = false;
}
return isBottom;
}

判断 RecyclerView 拖拽

这一步比较简单，直接监听滚动即可。

RecyclerView.addOnScrollListener(new OnScrollListener() {
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
            if (newState == SCROLL_STATE_DRAGGING) {
                // 拖拽状态，实际使用中还需要判断 加载更多 是否已显示
            }
        }

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
        }
    });

推荐方法

该方法在 View#canScrollVertically(int direction) 的基础上，针对上拉拖拽且有可能 items 没有填充满整个 RecyclerView 这个场景做了优化，代码如下：

RecyclerView.addOnScrollListener(new OnScrollListener() {
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
            if (newState == SCROLL_STATE_DRAGGING && 没有触发加载更多) {
                if (RecyclerView.computeVerticalScrollOffset() > 0) {// 有滚动距离，说明可以加载更多，解决了 items 不能充满 RecyclerView 
                的问题及滑动方向问题
                    boolean isBottom = false ;
                    isBottom = RecyclerView.computeVerticalScrollExtent()
                        + RecyclerView.computeVerticalScrollOffset()
                        == RecyclerView.computeVerticalScrollRange() ;
                    // 也可以使用 方法2
                    // isBottom = !RecyclerView.canScrollVertically(1) ;
                    if (isBottom) {
                        // 说明滚动到底部,触发加载更多
                        ...
                    }
                }
            }
        }

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
        }
    });

到这里，上拉的判断就处理完成了，下一篇将处理加载更多视图的显示。

附一张从网上找的原理图：

这里写图片描述