转载请注明出处:http://blog.csdn.net/anyfive/article/details/53098820
前言
之前,我们介绍了下拉刷新上拉加载RecyclerView的使用,然后依次写了两篇文章来分别介绍添加删除头尾部,和上拉刷新下拉加载。这篇文章算是PTLRecyclerView最后的一篇文章了,那么在这里,我们主要介绍以下几点:
- 滑动到底部自动加载
- EmptyView的实现
- 对RecyclerView的Adapter进行封装,使其更好用
- 分割线相关
自动加载
还记得在使用ListView的时候,我们怎么实现自动加载的功能吗?给ListView设置滑动监听,当滑动到最后一项时,加载更多数据。但是在RecyclerView中,你会发现监听滑动的时候,拿不到firstVisibleItem和visibleItemCount了,那怎么办呢?既然他不给我们,那我们自己去拿这两个参数就好啦。
步骤如下:
- 继承RecyclerView;
- 重写onScrollStateChanged(int state)方法;
- 当当前滚动状态为静默(RecyclerView.SCROLL_STATE_IDLE)时,通过LayoutManager的findLastVisibleItemPosition/findLastVisibleItemPositions方法,获得lastVisibleItemPosition;
- 若lastVisibleItemPosition是最后一项,加载数据。
当然,我们要把”自动加载”功能封装起来的话,就需要有一个接口用于回调”开始加载”,也就是OnLoadListener:
public interface OnLoadListener {
void onStartLoading(int skip);//开始加载,传入skip
}
然后,我们就可以封装AutoLoadRecyclerView了,由于这个比较简单,我们这里只贴出onScrollStateChanged方法:
@Override
public void onScrollStateChanged(int state) {
super.onScrollStateChanged(state);
if (state == RecyclerView.SCROLL_STATE_IDLE
&& !mIsLoading
&& mLoadMoreEnable
&& mLoadView != null) {
LayoutManager layoutManager = getLayoutManager();
int lastVisibleItemPosition;
if (layoutManager instanceof GridLayoutManager) {
lastVisibleItemPosition = ((GridLayoutManager) layoutManager).findLastVisibleItemPosition();
} else if (layoutManager instanceof StaggeredGridLayoutManager) {
int[] into = new int[((StaggeredGridLayoutManager) layoutManager).getSpanCount()];
((StaggeredGridLayoutManager) layoutManager).findLastVisibleItemPositions(into);
lastVisibleItemPosition = findMax(into);
} else {
lastVisibleItemPosition = ((LinearLayoutManager) layoutManager).findLastVisibleItemPosition();
}
if (layoutManager.getChildCount() > 0
&& lastVisibleItemPosition >= layoutManager.getItemCount() - 1
&& layoutManager.getItemCount() > layoutManager.getChildCount()
&& !mNoMore ) {
mIsLoading = true;
if (mOnLoadListener != null)
mOnLoadListener.onStartLoading(mRealAdapter.getItemCount());
}
}
}
private int findMax(int[] lastPositions) {
int max = lastPositions[0];
for (int value : lastPositions) {
if (value > max) {
max = value;
}
}
return max;
}
代码其实很简单,这里用伪代码讲解下逻辑:
if(不再滑动 && 不是加载中 && 自动加载功能可用 && 加载底部!=null) {
if (表格布局) {
获得lastVisibleItemPosition;
} else if (瀑布流布局) {
获得lastVisibleItemPosition;
} else if (线性布局) {
获得lastVisibleItemPosition;
}
if(item数大于0 && 是最后一项 && 超过一屏 && 还有更多) {
正在加载:mIsLoading = true;
if(OnLoadListener不为空) {
回调"开始加载"方法;
}
}
}
另外无非也就是加入常规的几个方法:
- setNoMore(boolean noMore);//设置没有更多数据
- completeLoad();//完成加载
至于自定义尾部的做法,和下拉刷新上拉加载的自定义头尾部是一样的,可以去看看我们上一篇关于下拉刷新上拉加载的介绍。
EmptyView的实现
直接说思路:
1. 注册一个“适配器数据观察者”:
Adapter.registerAdapterDataObserver(DataObserver);
2. 重写onChanged方法,判断内容是否为空,是的话显示EmptyView,否则隐藏;
思路就是这么简单,也没什么好说的,直接来看看代码,首先,在setAdpater方法中注册观察者:
![](/qrcode.jpg)
@Override
public void setAdapter(Adapter adapter) {
super.setAdapter(adapter);
adapter.registerAdapterDataObserver(mDataObserver);
mDataObserver.onChanged();
}
接着看下这个DataObserver:
private class DataObserver extends AdapterDataObserver{
@Override
public void onChanged() {
if (mEmptyView == null) {
return;
}
int itemCount = 0;
itemCount += getAdapter().getItemCount();
if (itemCount == 0) {
mEmptyView.setVisibility(VISIBLE);
if (getVisibility() != INVISIBLE)
setVisibility(INVISIBLE);
} else {
mEmptyView.setVisibility(GONE);
if (getVisibility() != VISIBLE)
setVisibility(VISIBLE);
}
}
}
注意,PTLRecyclerView中的EmptyView实现是写在HeaderAndFooterRecyclerView中的,其中还针对这个项目进行了其他一些处理,有兴趣的同学可以去看下源码。
对RecyclerView的Adapter进行封装
关于这点鸿洋大神已经讲过了,建议各位客官去看看鸿洋大神讲解的《为RecyclerView打造通用Adapter 让RecyclerView更加好用》,毕竟老司机,讲得比较好。
我们知道,在使用RecyclerView.Adapter的时候,需要重写以下几个方法:
- ViewHolder onCreateViewHolder(ViewGroup parent, int viewType);
- void onBindViewHolder(ViewHolder holder, int position);
- int getItemCount();
- long getItemId(int position);
- int getItemViewType(int position);//需要多种类型item的时候使用
其中,getItemCount和getItemId在日常使用中,基本都是一样的,因此可以抽出来;而
onCreateViewHolder,只要我们有一个万能的ViewHolder,也可以抽出来;也就是说,在日常使用中,我们真正需要做的只有以下几点:
- 设置布局文件
- 绑定数据
- int getItemViewType(int position);//需要多种类型item的时候使用
既然明确了我们需要实现的方法,便可以开始封装了,我们先看看多种类型item的adapter:
public abstract class MultiTypeAdapter extends RecyclerView.Adapter<ViewHolder> {
protected String TAG;
protected Context mContext;
protected ArrayList mDatas;
public MultiTypeAdapter(Context mContext, ArrayList mDatas) {
this.mContext = mContext;
this.mDatas = mDatas;
this.TAG = getClass().getSimpleName();
}
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
int layoutId = getLayoutIdByType(viewType);
return ViewHolder.get(mContext,parent,layoutId);
}
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
onBindViewHolder(holder,getItemViewType(position),mDatas.get(position));
}
@Override
public int getItemCount() {
return mDatas.size();
}
@Override
public long getItemId(int position) {
return position;
}
/**子类需实现以下三个方法*/
protected abstract int getLayoutIdByType(int viewType);
@Override
public abstract int getItemViewType(int position);
protected abstract void onBindViewHolder(ViewHolder holder,int type,Object data);
}
可以看到,我们在使用时,只需要继承这个MultiTypeAdapter,实现三个抽象方法就可以了,比如:
rcv.setAdapter(new MultiTypeAdapter(mContext,mDatas) {
@Override
protected int getLayoutIdByType(int viewType) {
// 根据type返回布局
return 0;
}
@Override
public int getItemViewType(int position) {
// 根据position返回type
return 0;
}
@Override
protected void onBindViewHolder(ViewHolder holder, int type, Object data) {
// 绑定数据
}
});
系不系so easy?!
那么当我们只需要一种类型的item的时候呢?我们来写一个继承于MultiTypeAdapter的SimpleAdapter:
public abstract class SimpleAdapter<T> extends MultiTypeAdapter {
protected int mLayoutId;
public SimpleAdapter(Context context,ArrayList<T> datas,int layoutId) {
super(context,datas);
this.mLayoutId = layoutId;
}
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
return super.onCreateViewHolder(parent,viewType);
}
@Override
protected int getLayoutIdByType(int viewType) {
return mLayoutId;
}
@Override
public int getItemViewType(int position) {
return 0;
}
@Override
protected void onBindViewHolder(ViewHolder holder, int type, Object data) {
onBindViewHolder(holder, (T)data);
}
/**子类需实现以下方法*/
protected abstract void onBindViewHolder(ViewHolder holder,T data);
}
这下,只需要实现一个方法就可以了,比如:
rcv.setAdapter(new SimpleAdapter<String>(mContext, mDatas, R.layout.item_test) {
@Override
protected void onBindViewHolder(ViewHolder holder, String data) {
}
});
so so easy!!!
虽然只是简单的封装,但可以帮我们节省很多工作,让代码变得更加简洁。
至于万能ViewHolder,有兴趣的可以看看上面提到的鸿洋大神那篇文章,或者PTLRecyclerView的源码。
分割线相关
用过RecyclerView的同学应该知道,RecyclerView的分割线比较麻烦。那么我们来自己继承RecyclerView.ItemDecoration实现一个简单的分割线,在开始写代码之前,一定要问问自己:实现后你想要怎么使用?
对我而言,实际开发中的分割线大部分只是一个颜色,顶多是一个Drawable;
我希望我可以还是调用addItemDecoration方法,传入一个分割线就可以了;
至于这个分割线我希望在构造的时候,只需要传入资源id(res)或者Drawable就可以了,当然,在有需要的时候可以传入宽度和高度就更好了。
PTLRecyclerView的分割线的实现思路是这样的:
- BaseItemDecoration继承RecyclerView.ItemDecoration;
- BaseItemDecorationHelper,抽象类,用于绘制分割线的类,有一些辅助方法和两个抽象方法:onDraw和getItemOffsets;
- GridItemDecorationHelper、LinearItemDecorationHelper、StaggeredItemDecorationHelper,都是继承于BaseItemDecorationHelper的,用于绘制三种布局的分割线;
我们来看看BaseItemDecoration中最重要的两个方法:
@Override
public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
if (mItemDecorationHelper != null) {
mItemDecorationHelper.onDraw(c, parent, mDivider, mHeight, mWidth);
return;
}
RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
if (layoutManager instanceof GridLayoutManager) {
mItemDecorationHelper = new GridItemDecorationHelper();
} else if (layoutManager instanceof StaggeredGridLayoutManager) {
mItemDecorationHelper = new StaggeredItemDecorationHelper();
} else if (layoutManager instanceof LinearLayoutManager) {
mItemDecorationHelper = new LinearItemDecorationHelper();
}
if (mItemDecorationHelper != null)
mItemDecorationHelper.onDraw(c, parent, mDivider, mHeight, mWidth);
}
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
if (mItemDecorationHelper != null) {
mItemDecorationHelper.getItemOffsets(outRect,view,parent,mHeight,mWidth);
return;
}
RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
if (layoutManager instanceof GridLayoutManager) {
mItemDecorationHelper = new GridItemDecorationHelper();
} else if (layoutManager instanceof StaggeredGridLayoutManager) {
mItemDecorationHelper = new StaggeredItemDecorationHelper();
} else if (layoutManager instanceof LinearLayoutManager) {
mItemDecorationHelper = new LinearItemDecorationHelper();
}
if (mItemDecorationHelper != null)
mItemDecorationHelper.getItemOffsets(outRect,view,parent,mHeight,mWidth);
}
可以看到,我们把绘制分割线的具体工作,都外包给了Helper类,这样一来,逻辑和分工就更加明确清晰了。
在这里,Helper类的具体代码就不再贴出了,有兴趣的同学可以去看看源码。
我们来看下使用:
rcv.addItemDecoration(new BaseItemDecoration(this,R.color.colorAccent));
一句代码就加入了分割线,其他什么都不用管,方便省心。
后记
这篇文章是PTLRecyclerView的最后一篇文章,现在这个项目还能稚嫩,我真诚地希望各位大牛可以加入到这个项目中,让这个项目越来越好。如果你还有什么建议或者疑问,可以直接留言,或者私信我,感谢您的支持。
源码地址:https://github.com/whichname/PTLRecyclerView
传送门:
android 打造真正的下拉刷新上拉加载recyclerview(一):使用