Android新浪微博分页加载,使用LoadMoreWrapper为RecyclerView实现分页加载

在我们实际的业务需求中，如果是数据比较多，我们一般是采用分页请求，然后在客户端进行分页展示。这里笔者使用了一个叫LoadMoreWrapper这个分页加载框架，使用起来很方便，基本上不用去对RecyclerView的Adapter进行什么操作。

1、添加依赖

首先我们在app中的 build.gradle中添加对应的依赖：

//LoadMoreWrapper，可以为RecyclerView设置分页加载

implementation 'com.github.nukc:loadmorewrapper:v1.7.0'

另外我们在主工程的build.gradle中的allprojects中做如下改动

maven { url "https://jitpack.io" }

看源码

public class LoadMoreWrapper {

private final LoadMoreAdapter mLoadMoreAdapter;

public LoadMoreWrapper(LoadMoreAdapter loadMoreAdapter) {

mLoadMoreAdapter = loadMoreAdapter;

}

public static LoadMoreWrapper with(RecyclerView.Adapter adapter) {

LoadMoreAdapter loadMoreAdapter = new LoadMoreAdapter(adapter);

return new LoadMoreWrapper(loadMoreAdapter);

}

public LoadMoreWrapper setFooterView(@LayoutRes int resId) {

mLoadMoreAdapter.setFooterView(resId);

return this;

}

public LoadMoreWrapper setFooterView(View footerView) {

mLoadMoreAdapter.setFooterView(footerView);

return this;

}

public View getFooterView() {

return mLoadMoreAdapter.getFooterView();

}

public LoadMoreWrapper setNoMoreView(@LayoutRes int resId) {

mLoadMoreAdapter.setNoMoreView(resId);

return this;

}

public LoadMoreWrapper setNoMoreView(View noMoreView) {

mLoadMoreAdapter.setNoMoreView(noMoreView);

return this;

}

public View getNoMoreView() {

return mLoadMoreAdapter.getNoMoreView();

}

public LoadMoreWrapper setLoadFailedView(@LayoutRes int resId) {

mLoadMoreAdapter.setLoadFailedView(resId);

return this;

}

public LoadMoreWrapper setLoadFailedView(View view) {

mLoadMoreAdapter.setLoadFailedView(view);

return this;

}

public View getLoadFailedView() {

return mLoadMoreAdapter.getLoadFailedView();

}

/**

* 监听加载更多触发事件

* @param listener {@link com.github.nukc.LoadMoreWrapper.LoadMoreAdapter.OnLoadMoreListener}

*/

public LoadMoreWrapper setListener(LoadMoreAdapter.OnLoadMoreListener listener) {

mLoadMoreAdapter.setLoadMoreListener(listener);

return this;

}

/**

* 设置是否启用加载更多

* @param enabled default true

*/

public LoadMoreWrapper setLoadMoreEnabled(boolean enabled) {

mLoadMoreAdapter.setLoadMoreEnabled(enabled);

if (!enabled) {

mLoadMoreAdapter.setShouldRemove(true);

}

return this;

}

/**

* 设置全部加载完后是否显示没有更多视图

* @param enabled default false

*/

public LoadMoreWrapper setShowNoMoreEnabled(boolean enabled) {

mLoadMoreAdapter.setShowNoMoreEnabled(enabled);

return this;

}

/**

* 设置加载失败

*/

public void setLoadFailed(boolean isLoadFailed) {

mLoadMoreAdapter.setLoadFailed(isLoadFailed);

}

/**

* 获取原来的 adapter

*/

public RecyclerView.Adapter getOriginalAdapter() {

return mLoadMoreAdapter.getOriginalAdapter();

}

public LoadMoreAdapter into(RecyclerView recyclerView) {

recyclerView.setAdapter(mLoadMoreAdapter);

return mLoadMoreAdapter;

}

}

可以看到通过本类提供的with方法，LoadMoreWrapper能够实现对Adapter的装饰。里面有很多方法，都有注释，所以我们需要实现的功能用起来也很方便。

3.具体使用

LoadMoreWrapper.with(generateAdapter)

.setFooterView(R.layout.item_load_more)//底部view

.setNoMoreView(R.layout.item_load_complete)//没有更多的提示

.setLoadFailedView(R.layout.item_load_failed)//加载失败的提示

.setShowNoMoreEnabled(true)

.setListener(new OnLoadMoreListener() {

@Override

public void onLoadMore(LoadMoreAdapter.Enabled enabled) {

loadMoreEnabled = enabled;

presenter.getData(new PageParmForm(Constant.key,Constant.limit,Constant.order,Constant.page,Constant.sidx),NetWorkActivity.this);

}

})

.into(mRecyclerView);

使用起来也是很简单的，我们只需要对请求所得到的数据进行判断，然后对请求页码进行自增，就可以实现分页加载显示。

@Override

public void showApplicationList(UserGuideSoftConfigRForm> Response) {

data=Response.getData();

if(pageIndex == 1){

generateAdapter.setData(data);//直接显示当前页得items

generateAdapter.notifyDataSetChanged();//更新数据

}else{//页码不为1得时候

generateAdapter.addData(data);

}

//页码设置，每次获取到数据后，先判断数据集合是否不为空，如果不为空就先使得页码加一，然后下次获取数据的时候再进行判断

//直到如果数据为空的时候就显示没有更多数据了

if(data.size() > 0){

pageIndex ++;

Constant.page = pageIndex;

}else{

//没有更多数据了

loadMoreEnabled.setLoadMoreEnabled(false);//停止加载更多数据

generateAdapter.notifyItemChanged(generateAdapter.getData().size());//更新指定位置,Adapter一般有得到数据和设置数据

}

}

当没有数据的时候我们要调用

generateAdapter.notifyItemChanged(generateAdapter.getData().size());//更新指定位

可能有人会问为什么是generateAdapter.getData().size()而不是generateAdapter.getData().size() -1呢，是因为在没有数据可以展示的时候，提示View会占一个Item,只有这样，这个提示Item才会生效。

这样就实现了分页加载与显示了。

RecyclerView.PNG

改进与问题

在使用LoadMoreWrapper时，笔者进行了一番改动，结果发现在调用

generateAdapter.notifyItemChanged(generateAdapter.getData().size());是出现了一下错误：

Called attach on a child which is not detached: ViewHolder{40e612c0 position=2 id=-1, oldPos=-1, pLpos:-1 no parent}

自己摸索了半天最终找到了解决方案：

1.第一步：

((SimpleItemAnimator) mRecyclerView.getItemAnimator()).setSupportsChangeAnimations(true);

2.第二步：

我们直接生命一个LoadMoreAdapter，便于在操作过程中对他进行各种设置

private LoadMoreAdapter mLoadMoreWrapper;

...

//设置分页加载器

mLoadMoreWrapper = LoadMoreWrapper.with(generateAdapter)

.setFooterView(R.layout.item_load_more)//底部view

.setNoMoreView(R.layout.item_load_complete)//没有更多的提示

.setLoadFailedView(R.layout.item_load_failed)//加载失败的提示

.setLoadMoreEnabled(true)

.setShowNoMoreEnabled(isShowMore)//是否显示没有更多提示页

.setListener(new OnLoadMoreListener() {

@Override

public void onLoadMore(LoadMoreAdapter.Enabled enabled) {

loadMoreEnabled = enabled;//enable为引用

//调用业务

presenter.getData(new PageParmForm(Constant.key,Constant.limit,Constant.order,Constant.page,Constant.sidx),NetWorkActivity.this);

}

})

.into(mRecyclerView);

...

@Override

public void showApplicationList(UserGuideSoftConfigRForm> Response) {

data=Response.getData();//得到应用列表

if(pageIndex == 1){

generateAdapter.setData(data);//直接显示当前页得items

}else{

//页码不为1得时候

generateAdapter.addData(data);

}

if( data.size()<10 && pageIndex == 1 )

{

//停止加载更多

mLoadMoreWrapper.setShowNoMoreEnabled(false);

loadMoreEnabled.setLoadMoreEnabled(false);//停止加载更多数据

}else if(data.size()>0){

pageIndex ++;

Constant.page = pageIndex;

loadMoreEnabled.setLoadMoreEnabled(true);//加载更多数据

}else {

//没有更多数据了

loadMoreEnabled.setLoadMoreEnabled(false);//停止加载更多数据

mLoadMoreWrapper.setShowNoMoreEnabled(true);

generateAdapter.notifyItemChanged(generateAdapter.getData().size());//更新指定位置,Adapter一般有得到数据和设置数据

}

}

这样就解决了这个问题，而且对这个Wrapper能达到比较好的控制效果。