RecyclerView实现上拉加载更多

原

RecyclerView实现上拉加载更多

2017年08月16日 22:10:32 All_BIue 阅读数 7574

 

RecyclerView的封装以实现上拉加载更多

下拉加载更多功能是怎么实现的呢？
当实现recyclerview的时候，通常需要实现adapter跟viewholder，首先我们要明白adapter里面各个方法的调用顺序。
1. 首先调用getItemCount()，作为recyclerview里的item数量
2. 调用getItemViewType(int position)，该方法返回一个int值作为onCreateViewHolder中的viewtype参数
3. 调用onCreateViewHolder(ViewGroup parent, int viewType)
4. 调用onBindViewHolder(BaseViewHolder holder, int position)

recyclerview的设计思路是这样的，引用网上一张图：

如上，adapter负责把数据传给viewholder，viewhoder就相当于一个item，recyclerview通过布局策略layout这些item。

adapter与recyclerview是一个观察者模式，当adpater发生变化通知recyclerview触发重新布局，这就是我们调用adapter的notify时会发生的改变。

简单讲完recyclerview的原理，接下来就可以开始说说我们的上拉加载更多了。

1.首先我们需要下拉加载更多的进度条，因此当我们当我们返回item数量时要多返回一个item，作为显示加载更多的item。如下，我们返回data的数量+1的item数。

    @Override
    public int getItemCount() {
        if (mNewsData.size() > 0) {
            return mNewsData.size()+1;
        }
        return 0;
    }

• 1
• 2
• 3
• 4
• 5
• 6
• 7

2.当加载到最后一个数据时，这个item为加载更多的那个item，返回不同的viewtype给onCreateViewHolder

    @Override
    public int getItemViewType(int position) {
        if (position>=mNewsData.size()){
            return TYPE_FOOT;
        }
        return TYPE_NORMAL;
    }

• 1
• 2
• 3
• 4
• 5
• 6
• 7

3.onCreateViewHolder根据不同的viewtype返回不同的布局。

@Override
    public BaseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType==TYPE_FOOT){
            View itemView = LayoutInflater.from(mContext).inflate(R.layout.listview_footer, parent, false);
            return new BaseViewHolder(itemView, mContext);
        }else {
            View itemView = LayoutInflater.from(mContext).inflate(R.layout.item_news, parent, false);
            return new BaseViewHolder(itemView, mContext);
        }
    }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10

到此我们就实现了加载更多的布局，但是我们还需要去加载数据。我们可以封装recyclerview，当它滑动到数据底部的时候回调接口，触发下载跟多数据。并notify adapter。

recyclerview中有个onScrollStateChanged(int state)方法，State主要有：
SCROLL_STATE_IDLE表示当前并不处于滑动状态
SCROLL_STATE_DRAGGING表示当前RecyclerView处于滑动状态（手指在屏幕上）
SCROLL_STATE_SETTLING表示当前RecyclerView处于滑动状态，（手已经离开屏幕）。
我们只要判断当recyclerview没有在滑动的时候，这时是否已经滑动到了最后一个item。

 @Override
    public void onScrollStateChanged(int state){
        if (state==RecyclerView.SCROLL_STATE_IDLE){
            Log.d("LoadMoreRecyclerView","run in onScrollStateChanged");
            LayoutManager layoutManager=getLayoutManager();
            int lastVisiblePosition;
            if (layoutManager instanceof GridLayoutManager){
                lastVisiblePosition=((GridLayoutManager) layoutManager).findLastVisibleItemPosition();
            }else if (layoutManager instanceof StaggeredGridLayoutManager){
                int into[]=new int[((StaggeredGridLayoutManager) layoutManager).getSpanCount()];
                ((StaggeredGridLayoutManager)layoutManager).findLastVisibleItemPositions(into);
                lastVisiblePosition=findMax(into);
            }else {
                lastVisiblePosition= ((LinearLayoutManager) layoutManager).findLastVisibleItemPosition();
            }

            Log.d("LoadMoreRecyclerView","ChildCount: "+layoutManager.getChildCount()+" lastvisiblePosition: "
                    +lastVisiblePosition+" ItemCount: "+layoutManager.getItemCount());

            if (layoutManager.getChildCount()>0             //当当前显示的item数量>0
                    &&lastVisiblePosition>=layoutManager.getItemCount()-1           //当当前屏幕最后一个加载项位置>=所有item的数量
                    &&layoutManager.getItemCount()>layoutManager.getChildCount()) { // 当当前总Item数大于可见Item数
                Log.d("LoadMoreRecyclerView","run onLoadMore");
                if (mLoadMoreListener!=null){
                    mLoadMoreListener.onLoadMore();
                }
            }

        }

    }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31

通过回调LoadMoreListener的onLoadMore()我们就可以去加载数据，并通过adapter更新recyclerview了。