RecyclerView 解析（三）

最新推荐文章于 2024-05-06 08:41:11 发布
最新推荐文章于 2024-05-06 08:41:11 发布
阅读量2.8k 收藏 3
点赞数
文章标签： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MyLero/article/details/51598549
版权

一、前言
RecyclerView 解析第三篇。
如果你对RecyclerView 没有一个基础的认识，那建议你去读前两篇博客。
第一篇博客主要是讲，RecyclerView 基本用法。RecyclerView （解析一）
第二篇博客将RecyclerView Item之间的拖动，以及滑动删除动画相关做了大概介绍。RecyclerView （解析二）
本篇博客想向各位介绍RecyclerView 相关库。
主要是常用的下拉刷新，上拉加载更多，及其原理。大家可以根据原理自己实现下拉刷新

，及上拉加载更多。当然还会介绍其他的一些库。不过相对的篇幅会小一些。

二、XRecyclerView 实现下拉刷新，上拉加载更多。

首先来看看效果：
正在刷新

基本用法：

1、 添加库 compile ‘com.jcodecraeer:xrecyclerview:1.2.7’

2、布局：

    <com.jcodecraeer.xrecyclerview.XRecyclerView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/recycler_view"
        />

利用com.jcodecraeer.xrecyclerview.XRecyclerView 替换 RecyclerView 。

3、代码

package recyclerdemo.li.com.recyclerdemo.refresh;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;

import com.jcodecraeer.xrecyclerview.ProgressStyle;
import com.jcodecraeer.xrecyclerview.XRecyclerView;

import java.util.ArrayList;
import java.util.List;

import recyclerdemo.li.com.recyclerdemo.R;
import recyclerdemo.li.com.recyclerdemo.common.CommonAdapter;
import recyclerdemo.li.com.recyclerdemo.common.ViewHolder;

public class RefreshActivity extends Activity {

    private List<String> mData;
    private Handler mHandler;

    private XRecyclerView mRecyclerView;
    private CommonAdapter mCommonAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.refresh_activity);
        mHandler = new Handler(){
            @Override
            public void handleMessage(Message msg) {
                super.handleMessage(msg);

                int i = msg.what;
                switch (i){
                    case 1:
                        mData.add(0,"refresh");
                        mRecyclerView.refreshComplete();
                        mCommonAdapter.notifyDataSetChanged();
                        break;
                    case 2:
                        mData.add("loadMore");
                        mRecyclerView.loadMoreComplete();
                        mCommonAdapter.notifyDataSetChanged();
                        break;
                    default:
                        break;
                }
            }
        };
        initData();
        initView();
    }

    public void initView(){
        mRecyclerView = (XRecyclerView)findViewById(R.id.recycler_view);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
        View view = LayoutInflater.from(this).inflate(R.layout.ultimate_header,mRecyclerView,false);
        mRecyclerView.addHeaderView(view);

        mCommonAdapter = new CommonAdapter(this,R.layout.recycler_item,mData) {
            @Override
            public void convert(RecyclerView.ViewHolder holder, Object o) {
                ViewHolder viewHolder = (ViewHolder)holder;
                viewHolder.setTextView(R.id.text,(String)o);
            }
        };
        mRecyclerView.setAdapter(mCommonAdapter);
        mRecyclerView.setPullRefreshEnabled(true);
        //设置刷新Style
        mRecyclerView.setRefreshProgressStyle(ProgressStyle.LineSpinFadeLoader);
        //设置上拉加载更多Style
//        mRecyclerView.setLoadingMoreProgressStyle(ProgressStyle.BallGridPulse);

        mRecyclerView.setLoadingListener(new XRecyclerView.LoadingListener() {
            @Override
            public void onRefresh() {
                refreshData();
            }

            @Override
            public void onLoadMore() {
                loadData();
            }
        });
    }

    private void initData(){
        if(mData == null){
            mData = new ArrayList<String>();
        }
        for(int i='A';i<='z';i++){
            mData.add(""+(char)i);
        }
    }

    private void refreshData(){

        new Thread(new Runnable() {
            @Override
            public void run() {
                try{
                    Thread.sleep(2000);
                    Message msg = Message.obtain();
                    msg.what = 1;
                    mHandler.sendMessage(msg);
                }catch (Exception e){

                }
            }
        }).start();

    }

    private void loadData(){
        new Thread(new Runnable() {
            @Override
            public void run() {
                try{
                    Thread.sleep(2000);
                    Message msg = Message.obtain();
                    msg.what = 2;
                    mHandler.sendMessage(msg);
                }catch (Exception e){

                }
            }
        }).start();
    }
}

View view = LayoutInflater.from(this).inflate(R.layout.ultimate_header,mRecyclerView,false);
mRecyclerView.addHeaderView(view);
利用mRecyclerView.addHeaderView(view);添加HeadView。集成者可以添加多个HeadView。

mCommonAdapter 为自定义Adapter。与本文无关，读者可以自己参照RecyclerView 第一篇博客自己实现。

mRecyclerView.setPullRefreshEnabled(true);设置刷新可用。XRecyclerView 这个库默认即可刷新。不需要刷新时可以设置为False。

mRecyclerView.setRefreshProgressStyle(ProgressStyle.LineSpinFadeLoader);
mRecyclerView.setLoadingMoreProgressStyle(ProgressStyle.BallGridPulse);
设置下拉刷新及上拉加载更多不同的Style。这里XRecyclerView 默认提供了许多的Style。即库内置了许多不同的图片，用于下拉及上拉时显示。

mRecyclerView.setArrowImageView();
集成者可以通过这个方法设置自己想要的下拉刷新图片。

mRecyclerView.setLoadingListener(）。下拉刷新以及上拉加载更多回调。注意该回调是在主线程中。所以想要做耗时操作需要在子线程中。

刷新成功后调用mRecyclerView.refreshComplete();通知已经成功。
上拉加载成功后调用mRecyclerView.loadMoreComplete();通知已经成功。

setEmptyView(); RecyclerView 没有像ListView一样提供setEmptyView()这样的方法。这个库为我们提供了这个方法。

4、这个库的用法相对简单，我们可以其实现原理。

XRecyclerView extends RecyclerView 。
XRecyclerView 继承自RecyclerView 。

private ArrayList mHeaderViews = new ArrayList<>();
private ArrayList mFootViews = new ArrayList<>();
其内部维护了两个HeadView FootView集合。

    private void init(Context context) {
        mContext = context;
        if (pullRefreshEnabled) {
            ArrowRefreshHeader refreshHeader = new ArrowRefreshHeader(mContext);
            mHeaderViews.add(0, refreshHeader);
            mRefreshHeader = refreshHeader;
            mRefreshHeader.setProgressStyle(mRefreshProgressStyle);
        }
        LoadingMoreFooter footView = new LoadingMoreFooter(mContext);
        footView.setProgressStyle(mLoadingMoreProgressStyle);
        addFootView(footView);
        mFootViews.get(0).setVisibility(GONE);
    }

其在构造方法中调用了init()方法。ArrowRefreshHeader 为自定义的下拉刷新的View。LoadingMoreFooter 为自定义上拉加载View。可以看到在初始化时，分别将已经实现好的下拉刷新View已经上拉加载View添加到集合中。

下面来看addHeaderView()方法。

    public void addHeaderView(View view) {
        if (pullRefreshEnabled && !(mHeaderViews.get(0) instanceof ArrowRefreshHeader)) {
            ArrowRefreshHeader refreshHeader = new ArrowRefreshHeader(mContext);
            mHeaderViews.add(0, refreshHeader);
            mRefreshHeader = refreshHeader;
            mRefreshHeader.setProgressStyle(mRefreshProgressStyle);
        }
        mHeaderViews.add(view);
        sHeaderTypes.add(HEADER_INIT_INDEX + mHeaderViews.size());
    }

可以看到addHeaderView()方法中将HeadView，和ArrowRefreshHeader 一样加入到mHeaderViews 集合中，并且ArrowRefreshHeader 永远是在第一位。

public void addFootView(final View view) {
        mFootViews.clear();
        mFootViews.add(view);
    }
``
调用addFootView()方法 ，将我们自定义的View加入到mFootViews中。可以看到mFootViews中永远只有一个Item。表示FootView只能为一个。所以如果我们调用了addFootView()方法，我们自定义的FootView将会替换系统在init()方法中加入的FootView。


下面我们一起看Adapter：

private class WrapAdapter extends RecyclerView.Adapter {

    private RecyclerView.Adapter adapter;

    private ArrayList<View> mHeaderViews;

    private ArrayList<View> mFootViews;

    private int headerPosition = 1;

    public WrapAdapter(ArrayList<View> headerViews, ArrayList<View> footViews, RecyclerView.Adapter adapter) {
        this.adapter = adapter;
        this.mHeaderViews = headerViews;
        this.mFootViews = footViews;
    }

    @Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);
        RecyclerView.LayoutManager manager = recyclerView.getLayoutManager();
        if (manager instanceof GridLayoutManager) {
            final GridLayoutManager gridManager = ((GridLayoutManager) manager);
            gridManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
                @Override
                public int getSpanSize(int position) {
                    return (isHeader(position) || isFooter(position))
                            ? gridManager.getSpanCount() : 1;
                }
            });
        }
    }

    @Override
    public void onViewAttachedToWindow(RecyclerView.ViewHolder holder) {
        super.onViewAttachedToWindow(holder);
        ViewGroup.LayoutParams lp = holder.itemView.getLayoutParams();
        if (lp != null
                && lp instanceof StaggeredGridLayoutManager.LayoutParams
                && (isHeader(holder.getLayoutPosition()) || isFooter(holder.getLayoutPosition()))) {
            StaggeredGridLayoutManager.LayoutParams p = (StaggeredGridLayoutManager.LayoutParams) lp;
            p.setFullSpan(true);
        }
    }

    public boolean isHeader(int position) {
        return position >= 0 && position < mHeaderViews.size();
    }

    public boolean isContentHeader(int position) {
        return position >= 1 && position < mHeaderViews.size();
    }

    public boolean isFooter(int position) {
        return position < getItemCount() && position >= getItemCount() - mFootViews.size();
    }

    public boolean isRefreshHeader(int position) {
        return position == 0;
    }

    public int getHeadersCount() {
        return mHeaderViews.size();
    }

    public int getFootersCount() {
        return mFootViews.size();
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == TYPE_REFRESH_HEADER) {
            mCurrentPosition++;
            return new SimpleViewHolder(mHeaderViews.get(0));
        } else if (isContentHeader(mCurrentPosition)) {
            if (viewType == sHeaderTypes.get(mCurrentPosition - 1)) {
                mCurrentPosition++;
                return new SimpleViewHolder(mHeaderViews.get(headerPosition++));
            }
        } else if (viewType == TYPE_FOOTER) {
            return new SimpleViewHolder(mFootViews.get(0));
        }
        return adapter.onCreateViewHolder(parent, viewType);
    }

    private int mCurrentPosition;

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        if (isHeader(position)) {
            return;
        }
        int adjPosition = position - getHeadersCount();
        int adapterCount;
        if (adapter != null) {
            adapterCount = adapter.getItemCount();
            if (adjPosition < adapterCount) {
                adapter.onBindViewHolder(holder, adjPosition);
                return;
            }
        }
    }

    @Override
    public int getItemCount() {
        if (adapter != null) {
            return getHeadersCount() + getFootersCount() + adapter.getItemCount();
        } else {
            return getHeadersCount() + getFootersCount();
        }
    }

    @Override
    public int getItemViewType(int position) {
        if (isRefreshHeader(position)) {
            return TYPE_REFRESH_HEADER;
        }
        if (isHeader(position)) {
            position = position - 1;
            return sHeaderTypes.get(position);
        }
        if (isFooter(position)) {
            return TYPE_FOOTER;
        }
        int adjPosition = position - getHeadersCount();
        int adapterCount;
        if (adapter != null) {
            adapterCount = adapter.getItemCount();
            if (adjPosition < adapterCount) {
                return adapter.getItemViewType(adjPosition);
            }
        }
        return TYPE_NORMAL;
    }

    @Override
    public long getItemId(int position) {
        if (adapter != null && position >= getHeadersCount()) {
            int adjPosition = position - getHeadersCount();
            int adapterCount = adapter.getItemCount();
            if (adjPosition < adapterCount) {
                return adapter.getItemId(adjPosition);
            }
        }
        return -1;
    }

    @Override
    public void unregisterAdapterDataObserver(AdapterDataObserver observer) {
        if (adapter != null) {
            adapter.unregisterAdapterDataObserver(observer);
        }
    }

    @Override
    public void registerAdapterDataObserver(AdapterDataObserver observer) {
        if (adapter != null) {
            adapter.registerAdapterDataObserver(observer);
        }
    }

    private class SimpleViewHolder extends RecyclerView.ViewHolder {
        public SimpleViewHolder(View itemView) {
            super(itemView);
        }
    }
}

“`
Adapter中有这样几个方法值得我们注意。
就可以把整个过程弄明白了。通过getItemViewType()方法根据position 判断是HeadView还是FootView或者是正常View。在onCreateViewHolder()方法根据Type，如果是第一个View，也就是我们下拉刷新看到的View。
或者是我们通过addHeadView()方法添加进去的View，那就从mHeaderViews集合中取值组装ViewHolder。
如果是FootView就从mFootViews取值，组装ViewHolder。
如果都不是那便调用我们在外面自定义的adapter的onCreateViewHolder()。
这里我就搞明白了，为什么它可以添加多个HeadView。原理就是内部维护了集合，无论添加多少HeadView，在onCreateViewHolder()生成对应的ViewHolder就行了。并且注意onBindViewHolder(),getItemCount()考虑到数量的情况就好了

其他的方法均比较好理解。这里值得注意的方法就是onAttachedToRecyclerView(）方法。
就是通过onAttachedToRecyclerView()，判断即使是GridLayoutManager，设置有好几列的情况，如何能让HeadView以及FootView依然是自己占用一行。就是在这个方法中判断如果是

GridLayoutManager，返回当前这个View的SpanSize为1就好了。

OK，大致的情况就介绍好了。原理依然是利用getItemViewType(）与ListView一样。

哦，忘记了项目地址：https://github.com/jianghejie/XRecyclerView

三、其他的库：

UltimateRecyclerView Github上面Star非常的多。
项目地址：https://github.com/cymcsg/UltimateRecyclerView
这个库本来我也是用了一下，实现了很多功能。不足之处就是作者给的Demo，写的是在天马行空，看一会就失去兴致了。使用起来也比较繁琐。其内部是对RecyclerView 进行了再次包装，

UltimateRecyclerView 是一个FrameLayout。其内部是拥有一个RecyclerView 的对象。以后有时间可能会再研究研究。

还有：
PullLoadMoreRecyclerView https://github.com/WuXiaolong/PullLoadMoreRecyclerView
HeaderAndFooterRecyclerView https://github.com/cundong/HeaderAndFooterRecyclerView
IRecyclerView https://github.com/Aspsine/IRecyclerView
等等

MyLero
关注
Android kotlin 系列讲解（进阶篇） RecyclerView解析
彬sir哥的博客
07-12 678
mLayoutManager!!.findFirstVisibleItemPosition()：第一个可见的view的位置，但是要显示在屏幕中 第一个可见的view的位置如果为2，如下图： ● findLastVisibleItemPosition() 2、mLayoutManager!!.findLastVisibleItemPosition()：最后一个可见的view的位置，但是要显示或半显在屏幕中 最后一个可见的view的位置如果为8，如下图： ● findFirstCompletelyVis
XRecyclerView
08-12
这个改自XListview的XRecyclerView的上拉加载和下拉刷新实现，修改率低于30%
xrecyclerview
分享人生
10-25 163
http://blog.csdn.net/Dream_JK/article/details/76669142
RecyclerView解析
12-05
RecyclerView是Android开发中的一个关键组件，用于在有限的屏幕空间内高效地展示大量数据。这个组件自Android Support Library引入以来，已经成为构建动态、可滚动列表的标准工具。RecyclerView的强大之处在于其高度...
RecyclerView源码解析
最新发布
2401_84149802的博客
05-06 907
Adapter：Adapter的基类。负责将ViewHolder中的数据和RecyclerView中的控件进行绑定处理。ViewHolder：视图和元数据类。它持有了要显示的数据信息，包括位置、View、ViewType等。
深入解析Android中的RecyclerView组件
09-02
在使用RecyclerView时，开发者可以轻松地添加水平滚动、瀑布流等复杂布局，无需像ListView那样进行繁琐的定制。此外，RecyclerView的灵活性还体现在其强大的扩展性，允许开发者自定义LayoutManager来实现各种创新的...
XRecyclerView如此so easy实现下拉刷新，上拉加载，添加头布局（头布局任意加）
12-19
XRecyclerView如此so easy实现下拉刷新，上拉加载，添加头布局（头布局任意加）
XrecyclerView
hangge_的博客
03-10 273
//依赖 compile 'org.xutils:xutils:3.3.36' compile 'com.google.code.gson:gson:2.8.0' compile 'com.jcodecraeer:xrecyclerview:1.3.2' //Activity代码 public class MainActivity extends AppCompatActivit
XRecyclerview和Recyclerview详解
qq_40015237的博客
10-25 1032
XRecyclerview和Recyclerview相似,但是XRecyclerview自带下拉刷新和上拉加载更多的功能,除了引用不一样,其他的都一样,下面写详细代码: 两种可以使用到一个项目中 首先导入依赖 XRecyclerview的依赖: compile 'com.jcodecraeer:xrecyclerview:1.3.2' Recyclerview的依赖:
推荐开源项目：XRecyclerView —— Android端强大的可扩展_recyclerView_
gitblog_00047的博客
04-22 439
推荐开源项目：XRecyclerView —— Android端强大的可扩展_recyclerView_ 去发现同类优质开源项目:https://gitcode.com/ 项目简介 是一个高度定制化的Android RecyclerView库，由开发者youxin11544精心打造。该项目旨在简化Android开发中对于列表视图的操作，提供丰富的功能和组件，以满足各种复杂的布局需求。 技术分析 X...
XRecyclerView使用
qq_43154806的博客
12-14 584
这个博客我做的是使用XRecyclerView来做上拉刷新还有涉及到使用MVP的地方所以我就省略一些 只展示适配器和主页面逻辑操作的地方 依赖 implementation 'com.squareup.okhttp3:okhttp-ws:3.4.2' implementation 'com.google.code.gson:gson:2.8.5' implementation...
XRecyclerView的使用
热门推荐
yancychas的博客
10-11 1万+
一个RecyclerView，它实现了pullrefresh，loadmore和header featrues.you可以像标准的RecyclerView一样使用它。你不需要实现一个特殊的适配器.qq群478803619截图 用法 ##gradle compile 'com.jcodecraeer:xrecyclerview:1.3.2' 就像一个标准的
RecyclerView深度解析：Android组件新星
"深入解析Android中的RecyclerView组件，作为Android 5.0引入的新组件，RecyclerView被认为是ListView的升级版。本文旨在结合理论与实践，详细探讨RecyclerView的基础、设计理念和API使用情况。" RecyclerView是...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值