优雅地为RecyclerView加上头部、下拉刷新、自动加载

转载请注明出处：http://blog.csdn.net/xiaoyuan511

一、概述

我们在写项目的时候，永远都离不开ListView、RecyclerView这类的控件，几乎是在任何的APP中都可以看到他们的影子，但是RecyclerView并没有像ListView提供了addHeadView、addFooterView这样的原生方法，更没有提供onItemclicklistener这样的方法，所有这样方法需要我们自己手动实现。在这里吐槽一个谷歌。不知道谷歌是怎么想的。

下拉刷新跟加载更多更是我们随处可以见的。但是有些App要上拉一下才能加载更多，我觉得让用户多了一步这样的操作，感觉完全是没有必要的，用户体验并不好。如果不自动加载更多是因为用户的流量，我就这种担心完全是没有必要的。所以我认为上拉加载更多这样的功能是非常鸡肋的，滑到底部正常就应该自动加载更多。

二、原理

既然谷歌没有为RecyclerView 没有提供这样方法，那我们只能自己手动实现了。

  • 根据item_type类型不同来实现给RecyclerView加头部的效果

  • 判断是否滑动到最后一条来实现加载更多，其实也是根据item_type不同来实现

  • 下拉刷新谷歌有原生的swiperefreshlayout

三、效果图

这里写图片描述

加载更多有三中情况

  • 加载中、加载完成

  • 加载失败、点击重试

  • 加载完成并没有更多数据了

四、代码

public abstract class BaseAdapter<T> extends   RecyclerView.Adapter<RecyclerView.ViewHolder> {
public static final int TYPE_FOOTER_VIEW = 100002;//footer类型 Item
protected Context mContext;
private OnLoadMoreListener mLoadMoreListener;//加载更多回调

private View mLoadingView; //加载中
private View mLoadFailedView; //加载失败
private View mLoadEndView; //加载完成
private RelativeLayout mFooterLayout;//加载布局


protected List<T> mDatas;//数据源
private boolean mOpenLoadMore;//是否开启加载更多
private boolean isAutoLoadMore = true;//是否自动加载，当数据不满一屏幕会自动加载
private boolean isAddHead;//是否根据Item type添加头


protected abstract int getViewType(int position, T data);

public BaseAdapter(Context context, List<T> datas, boolean isOpenLoadMore) {
    mContext = context;
    mDatas = datas == null ? new ArrayList<T>() : datas;
    mOpenLoadMore = isOpenLoadMore;
}

@Override
public CommonViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    CommonViewHolder viewHolder = null;
    switch (viewType) {
        case TYPE_FOOTER_VIEW:
            if (mFooterLayout == null) {
                mFooterLayout = new RelativeLayout(mContext);
            }
            viewHolder = CommonViewHolder.create(mFooterLayout);
            break;
    }
    return viewHolder;
}

@Override
public int getItemCount() {
    if (mDatas.isEmpty()) {
        return 0;
    }
    return mDatas.size() + getFooterViewCount();
}

@Override
public int getItemViewType(int position) {
    if (isFooterView(position)) {
        return TYPE_FOOTER_VIEW;
    }

    return getViewType(position, mDatas.get(position));
}


/**
 * 根据positiond得到data
 *
 * @param position
 * @return
 */
public T getItem(int position) {
    if (mDatas.isEmpty()) {
        return null;
    }
    return mDatas.get(position);
}

/**
 * 是否是FooterView
 *
 * @param position
 * @return
 */
private boolean isFooterView(int position) {
    return mOpenLoadMore && position >= getItemCount() - 1;
}

protected boolean isCommonItemView(int viewType) {
    return viewType != TYPE_FOOTER_VIEW;
}

/**
 * StaggeredGridLayoutManager模式时，FooterView可占据一行
 *
 * @param holder
 */
@Override
public void onViewAttachedToWindow(RecyclerView.ViewHolder holder) {
    super.onViewAttachedToWindow(holder);
    if (isFooterView(holder.getLayoutPosition())) {
        ViewGroup.LayoutParams lp = holder.itemView.getLayoutParams();

        if (lp != null && lp instanceof StaggeredGridLayoutManager.LayoutParams) {
            StaggeredGridLayoutManager.LayoutParams p = (StaggeredGridLayoutManager.LayoutParams) lp;
            p.setFullSpan(true);
        }
    }
}

/**
 * GridLayoutManager模式时， FooterView可占据一行，判断RecyclerView是否到达底部
 *
 * @param recyclerView
 */
@Override
public void onAttachedToRecyclerView(RecyclerView recyclerView) {
    super.onAttachedToRecyclerView(recyclerView);
    final RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
    if (layoutManager instanceof GridLayoutManager) {
        final GridLayoutManager gridManager = ((GridLayoutManager) layoutManager);
        gridManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                if (isFooterView(position)) {
                    return gridManager.getSpanCount();
                }
                return 1;
            }
        });
    }
    startLoadMore(recyclerView, layoutManager);
}


/**
 * 判断列表是否滑动到底部
 *
 * @param recyclerView
 * @param layoutManager
 */
private void startLoadMore(RecyclerView recyclerView, final RecyclerView.LayoutManager layoutManager) {
    if (!mOpenLoadMore || mLoadMoreListener == null) {
        return;
    }

    recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
            if (newState == RecyclerView.SCROLL_STATE_IDLE) {
                if (!isAutoLoadMore && findLastVisibleItemPosition(layoutManager) + 1 == getItemCount()) {
                    scrollLoadMore();
                }
            }
        }

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
            if (isAutoLoadMore && findLastVisibleItemPosition(layoutManager) + 1 == getItemCount()) {
                scrollLoadMore();
            } else if (isAutoLoadMore) {
                isAutoLoadMore = false;
            }
        }
    });
}

/**
 * 到达底部开始加载更多
 */
private void scrollLoadMore() {
    if (mFooterLayout.getChildAt(0) == mLoadingView) {
        if (mLoadMoreListener != null) {
            mLoadMoreListener.onLoadMore(false);
        }
    }
}

private int findLastVisibleItemPosition(RecyclerView.LayoutManager layoutManager) {
    if (layoutManager instanceof LinearLayoutManager) {
        return ((LinearLayoutManager) layoutManager).findLastVisibleItemPosition();
    } else if (layoutManager instanceof StaggeredGridLayoutManager) {
        int[] lastVisibleItemPositions = ((StaggeredGridLayoutManager) layoutManager).findLastVisibleItemPositions(null);
        return Util.findMax(lastVisibleItemPositions);
    }
    return -1;
}

/**
 * 清空footer view
 */
private void removeFooterView() {
    mFooterLayout.removeAllViews();
}

/**
 * 添加新的footer view
 *
 * @param footerView
 */
private void addFooterView(View footerView) {
    if (footerView == null) {
        return;
    }

    if (mFooterLayout == null) {
        mFooterLayout = new RelativeLayout(mContext);
    }
    removeFooterView();
    RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.WRAP_CONTENT);
    mFooterLayout.addView(footerView, params);
}

/**
 * 加载更多的数据
 *
 * @param datas
 */
public void setLoadMoreData(List<T> datas) {
    int size = mDatas.size();
    mDatas.addAll(datas);
    notifyItemInserted(size);
}

/**
 * 下拉刷新
 *
 * @param datas
 */
public void setData(List<T> datas) {
    mDatas.addAll(0, datas);
    notifyDataSetChanged();
}

/**
 * 初始化数据源
 *
 * @param datas
 */
public void setInitData(List<T> datas) {
    mDatas.clear();
    if (isAddHead) {
        mDatas.add(null);//让数据源第一条为null来添加头部
    }
    mDatas.addAll(datas);
    notifyDataSetChanged();
}

public void remove(int position) {
    mDatas.remove(position);
    notifyDataSetChanged();
}

/**
 * 是否跟添加头部
 *
 * @param b
 */
public void setAddHaed(boolean b) {
    isAddHead = b;
}

/**
 * 初始化加载中布局
 *
 * @param loadingView
 */
public void setLoadingView(View loadingView) {
    mLoadingView = loadingView;
    addFooterView(mLoadingView);
}

public void setLoadingView(int loadingId) {
    setLoadingView(Util.inflate(mContext, loadingId));
}

/**
 * 初始化加载失败布局
 *
 * @param loadFailedView
 */
public void setLoadFailedView(View loadFailedView) {
    if (loadFailedView == null) {
        return;
    }
    mLoadFailedView = loadFailedView;
    addFooterView(mLoadFailedView);
    mLoadFailedView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            addFooterView(mLoadingView);
            if (mLoadMoreListener != null) {
                mLoadMoreListener.onLoadMore(true);
            }
        }
    });
}

public void setLoadFailedView(int loadFailedId) {
    setLoadFailedView(Util.inflate(mContext, loadFailedId));
}

/**
 * 初始化加载完成布局
 *
 * @param loadEndView
 */
public void setLoadEndView(View loadEndView) {
    mLoadEndView = loadEndView;
    addFooterView(mLoadEndView);
}

public void setLoadEndView(int loadEndId) {
    setLoadEndView(Util.inflate(mContext, loadEndId));
}


/**
 * 返回foot数量
 *
 * @return
 */
public int getFooterViewCount() {
    return mOpenLoadMore && !mDatas.isEmpty() ? 1 : 0;
}


public void setOnLoadMoreListener(OnLoadMoreListener loadMoreListener) {
    mLoadMoreListener = loadMoreListener;
}
}

我们封装一个BaseAdapter，里面主要处理了一些判断是否滑动底部，添加脚、添加头等操作，代码注释的很清楚，大家读一下就知道哪个方法是干什么的了

 public class LoadMoreAdapter extends MultiTypeBaseAdapter<String> {

public LoadMoreAdapter(Context context, List<String> datas, boolean isOpenLoadMore) {
    super(context, datas, isOpenLoadMore);
}

@Override
protected void convert(CommonViewHolder holder, final String data, int viewType) {
    if (viewType == 0) {

    } else {
        holder.setText(R.id.text1, data);
    }
}

@Override
protected int getItemLayoutId(int viewType) {
    if (viewType == 0) {
        return R.layout.item_head;
    }
    return R.layout.item_layout1;
}

@Override
protected int getViewType(int position, String data) {

    if (data == null) {
        return 0;
    } else {
        return 1;
    }


}

}

这个是LoadMoreAdapter，里面根据item_type来判断是否要加载哪个布局，一个是加载头部的布局、一个是加载正常布局。

public class MainActivity extends AppCompatActivity {

private LoadMoreAdapter mAdapter;

private RecyclerView mRecyclerView;

private boolean isFailed = true;
private SwipeRefreshLayout mSwipeRefreshLayout;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.act_main);
    mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);
    mSwipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe);
    mSwipeRefreshLayout.setColorSchemeColors(Color.RED, Color.BLUE);
    //初始化adapter
    mAdapter = new LoadMoreAdapter(this, null, true);
    mAdapter.setAddHaed(true);//设置有头部
    //点击事件
    mAdapter.setOnMultiTypeItemClickListener(new OnMultiTypeItemClickListeners<String>() {
        @Override
        public void onItemClick(CommonViewHolder viewHolder, String data, int position, int viewType) {
            if(data == null){
                Toast.makeText(MainActivity.this, "我是头部", Toast.LENGTH_SHORT).show();
            }else{
                Toast.makeText(MainActivity.this, data, Toast.LENGTH_SHORT).show();
            }

        }
    });

    //刷新数据监听
    mSwipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
        @Override
        public void onRefresh() {
            loadData();

        }
    });

    //加载更多事件
    mAdapter.setOnLoadMoreListener(new OnLoadMoreListener() {
        @Override
        public void onLoadMore(boolean isReload) {
            loadMore();
        }
    });

    LinearLayoutManager layoutManager = new LinearLayoutManager(this);
    layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
    mRecyclerView.setLayoutManager(layoutManager);
    mRecyclerView.setAdapter(mAdapter);

    loadData();//初始化数据

}

/**
 * 初始化数据
 */
private void loadData() {
    new Handler().postDelayed(new Runnable() {
        @Override
        public void run() {
            List<String> data = new ArrayList<>();
            for (int i = 0; i < 12; i++) {
                data.add(i+"");
            }
            //刷新数据
            mAdapter.setInitData(data);
            mSwipeRefreshLayout.setRefreshing(false);
            mAdapter.setLoadingView(R.layout.load_loading);
        }
    }, 2000);
}

private void loadMore() {
    new Handler().postDelayed(new Runnable() {
        @Override
        public void run() {
            if (mAdapter.getItemCount() > 30 && isFailed) {
                isFailed = false;
                //加载失败
                mAdapter.setLoadFailedView(R.layout.load_failed);
            } else if (mAdapter.getItemCount() > 50) {
                //加载完成
                mAdapter.setLoadEndView(R.layout.load_end);
            } else {

                final List<String> data = new ArrayList<>();
                for (int i = 0; i < 12; i++) {
                    data.add("我是加载更多" + i);
                }
                mAdapter.setLoadMoreData(data);
            }
        }
    }, 3000);
}
}

这个是Activity里面的代码，里面有下拉刷新，加载更多的逻辑 。大概就这样子，就可以实现下拉刷新，自动加载更多、添加头部功能。

五、源码

csdn下载
github下载

六、欢迎大家访问我的网站和我的公众号

极客导航---程序员自己的导航网站
程序员自己的导航网站

欢迎关注我的公众号

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 206,723评论 6赞 481
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 88,485评论 2赞 382
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 152,998评论 0赞 344
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 55,323评论 1赞 279
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 64,355评论 5赞 374
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 49,079评论 1赞 285
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,389评论 3赞 400
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 37,019评论 0赞 259
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 43,519评论 1赞 300
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2赞 325
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1赞 333
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,738评论 4赞 324
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,293评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1赞 262
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2赞 354
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2赞 345

推荐阅读更多精彩内容