RecyclerView全面解析之二：做一个RecyclerVi
2018-10-11 本文已影响139人
风卷晨沙
写在前面
如果每次都直接写一个Adapter，实在是特别的繁琐，代码太多，所以我在仔细学习之后，也在网上大神的博客之中取了不少经，现在准备好好打造一个万能的适配器。
之前我有一篇博客是写RecyclerView的基本使用的，我们现在就接着上一篇博客继续，一个暂时没有优化过的Adapter是这个样子的：
package com.lay.laykypro.adapter.ClidFragment;
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.lay.laykypro.R;
import java.util.HashMap;
import java.util.List;
import butterknife.BindView;
import butterknife.ButterKnife;
public class MainClidRecyclerViewAdapter extends RecyclerView.Adapter<MainClidRecyclerViewAdapter.MainClidHolder> {
private List<HashMap<String, Object>> mdataList;
private Context mContext;
private LayoutInflater mLayoutInflater;
//设置接口对象
private OnItemClickListener onItemClickListener;
public MainClidRecyclerViewAdapter(List<HashMap<String, Object>> mdataList, Context mContext) {
this.mdataList = mdataList;
this.mContext = mContext;
this.mLayoutInflater = mLayoutInflater.from(mContext);
}
@Override
public MainClidHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = mLayoutInflater.inflate(R.layout.item_recyclerview_clidfragment, parent, false);
MainClidHolder mainClidHolder = new MainClidHolder(view);
return mainClidHolder;
}
@Override
public void onBindViewHolder(MainClidHolder holder, final int position) {
//设置数据绑定
HashMap<String, Object> itemHashMap = mdataList.get(position);
//拿到控件
holder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
onItemClickListener.onItemClick(position);
}
});
holder.tvRecyclerview.setText((String)itemHashMap.get("type"));
}
public void setOnItemClickListener(OnItemClickListener onItemClickListener){
this.onItemClickListener=onItemClickListener;
}
@Override
public int getItemCount() {
return mdataList.size();
}
class MainClidHolder extends RecyclerView.ViewHolder {
@BindView(R.id.tv_recyclerview)
TextView tvRecyclerview;
public MainClidHolder(View itemView) {
super(itemView);
ButterKnife.bind(this, itemView);
}
}
/**
* 点击事件接口
*/
public interface OnItemClickListener{
void onItemClick(int position);
}
}
现在我们来进行一步一步的优化。写一个BaseAdapter 使得以后所有的Recycler都用得上，用的时候直接继承就行了。
一、基本改造。
目标：数据改为泛型，布局id直接在构造其中传递，将数据绑定回传给子类，让子类专心处理这个东西。
代码如下：
package com.lay.laykypro.adapter.ClidFragment;
import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import java.util.List;
/**
* 基本改造
* @param <T>
*/
public abstract class BaseRecyclerViewAdapter<T> extends RecyclerView.Adapter<BaseRecyclerViewAdapter.ViewHolder> {
protected List<T> tList;
protected Context mContext;
protected LayoutInflater mLayoutInflater;
protected int layId;
private OnItemClickListener mOnItemClickListener;
public BaseRecyclerViewAdapter(List<T> tList, Context mContext, int layId) {
this.tList = tList;
this.mContext = mContext;
this.layId=layId;
mLayoutInflater=LayoutInflater.from(mContext);
}
@NonNull
@Override
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = mLayoutInflater.inflate(layId, parent, false);
ViewHolder viewHolder = new ViewHolder(view);
return viewHolder;
}
@Override
public void onBindViewHolder(final BaseRecyclerViewAdapter.ViewHolder holder, final int position) {
convert(holder,tList.get(position));
holder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
mOnItemClickListener.onItemClick(position);
}
});
}
public void setOnItemClickListener(OnItemClickListener onItemClickListener){
this.mOnItemClickListener=onItemClickListener;
}
@Override
public int getItemCount() {
return tList.size();
}
public abstract void convert(ViewHolder holder,T itemData);
public class ViewHolder extends RecyclerView.ViewHolder {
public ViewHolder(View itemView) {
super(itemView);
}
}
/**
* 点击事件接口
*/
public interface OnItemClickListener{
void onItemClick(int position);
}
}
二、实例尝试
带入上一篇博客：RecyclerView全面解析之一：基本使用和分割线的设置 - 简书 https://www.jianshu.com/p/cfbb0c2e9ffc的代码进行尝试。
代码如下：
package com.lay.laykypro.adapter.ClidFragment;
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.lay.laykypro.R;
import java.util.HashMap;
import java.util.List;
import butterknife.BindView;
import butterknife.ButterKnife;
public class MainClidRecyclerViewAdapter extends BaseRecyclerViewAdapter<HashMap<String, Object>> {
public MainClidRecyclerViewAdapter(List<HashMap<String, Object>> hashMaps, Context mContext, int layId) {
super(hashMaps, mContext, layId);
}
@Override
public void convert(ViewHolder holder, HashMap<String, Object> itemData) {
TextView tvRecyclerView = (TextView) holder.itemView.findViewById(R.id.tv_recyclerview);
tvRecyclerView.setText((String)itemData.get("type"));
}
}
在这个地方我遇到了两个报错：
1.MainClidRecyclerViewAdapter 不是抽象的, 并且未覆盖Adapter中的抽象方法onBindViewHolder(BaseRecyclerAdapter.ViewHolder,int)
2.方法不会覆盖或实现超类型的方法
解决方法：Error:(13, 8) 错误: xxx不是抽象的, 并且未覆盖xxx中的抽象方法onBindViewHolder(BaseSimpleRecyclerAdapter.ViewHolder,int) - yql_running的博客 - CSDN博客 https://blog.csdn.net/yql_running/article/details/69054523
三、优化ViewHolder
之前是把所有的数据处理整理到了convert()方法中，现在我们来优化一下ViewHolder类。
1.这里我们在使用Map类的时候进行一下选择，参考博客：
Android内存优化（使用SparseArray和ArrayMap代替HashMap） - 【博客地址永久迁移到】：http://zhengxiaoyong.me - CSDN博客 https://blog.csdn.net/u010687392/article/details/47809295
2.这里我们在写setText方法的时候参考了一下：
String详解, String和CharSequence区别, StringBuilder和StringBuffer的区别 (String系列之1) - 如果天空不死 - 博客园 http://www.cnblogs.com/skywang12345/p/string01.html
代码如下：
public class ViewHolder extends RecyclerView.ViewHolder {
private SparseArray<View> mViewArray;
public ViewHolder(View itemView) {
super(itemView);
mViewArray=new SparseArray<>();
}
/**
* 通过id得到view
* @param viewId
* @param <V>
* @return
*/
public <V extends View>V getViewAtId(int viewId){
View view = mViewArray.get(viewId);
if(view==null){
view=itemView.findViewById(viewId);
mViewArray.put(viewId,view);
}
return (V)view;
}
/**
* 设置文字
* @param viewId
* @param text
* @return
*/
public ViewHolder setText(int viewId,CharSequence text){
TextView textView= getViewAtId(viewId);
textView.setText(text);
return this;
}
/**
* 通过网址设置图片
* @param viewId
* @param imgUrl
* @return
*/
public ViewHolder setImageFromUrl(int viewId,String imgUrl){
ImageView imageView= getViewAtId(viewId);
Glide.with(imageView.getContext()).load(imgUrl).into(imageView);
return this;
}
/**
* 通过资源来设置图片资源
* @param viewId
* @param resId
* @return
*/
public ViewHolder setImageFromRes(int viewId,int resId){
ImageView imageView = getViewAtId(viewId);
imageView.setImageResource(resId);
return this;
}
/**
* 设置控件透明度
* @param viewId
* @param visibility
* @return
*/
public ViewHolder setViewVisibility(int viewId,int visibility){
View view = getViewAtId(viewId);
view.setVisibility(visibility);
return this;
}
}
优化之后， MainClidRecyclerViewAdapter 代码如下：
package com.lay.laykypro.adapter.ClidFragment;
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.lay.laykypro.R;
import java.util.HashMap;
import java.util.List;
import butterknife.BindView;
import butterknife.ButterKnife;
public class MainClidRecyclerViewAdapter extends BaseRecyclerViewAdapter<HashMap<String, Object>> {
public MainClidRecyclerViewAdapter(List<HashMap<String, Object>> hashMaps, Context mContext, int layId) {
super(hashMaps, mContext, layId);
}
@Override
public void convert(ViewHolder holder, HashMap<String, Object> itemData) {
holder.setText(R.id.tv_recyclerview,(String)itemData.get("type"));
}
}
下一步，我们来考虑多布局。
四、多布局接口的实现
我们经常会看到列表的呈现形式并不是单一形式的，也就是item的多布局，之前我们不断封装的过程中我们应该可以领悟一个基本思想，就是不变的东西我们应该把它丢到Base类中去，只有具体的业务逻辑才应该放到实现类中来写。因此，借由这个基本思想我们来看看什么才是多布局功能不变的部分。
多布局的基本逻辑是通过对item的具体数据分析，以此来判断到底应该得到哪一个item的布局。
在这个逻辑中，通过每一个item的数据，得到具体布局是不变的部分，因此，接口可得，代码如下：
/**
* 多布局接口
* @param <T>
*/
public interface MultiTypeSupport<T>{
int getLayoutId(T item);
}
改写getItemViewType 方法，代码如下：
@Override
public int getItemViewType(int position) {
if (multiTypeSupport!=null){
return multiTypeSupport.getLayoutId(tList.get(position));
}
return super.getItemViewType(position);
}
在Adapter中设置多布局：
public void setMultiTypeSupport(MultiTypeSupport<T> multiTypeSupport){
this.multiTypeSupport=multiTypeSupport;
}
改写onCreateViewHolder，代码如下：
@NonNull
@Override
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
// 多布局支持
if (multiTypeSupport != null) {
mLayoutId = viewType;//这个就是getItemViewType方法的返回值，我们直接使用布局Id来做返回值，可以省略设置静态int值。
}
View view = mLayoutInflater.inflate(mLayoutId, parent, false);
ViewHolder viewHolder = new ViewHolder(view);
return viewHolder;
}
在Fragment中来写具体的布局逻辑，代码如下：
mainClidRecyclerViewAdapter.setMultiTypeSupport(new BaseRecyclerViewAdapter.MultiTypeSupport<HashMap<String, Object>>() {
@Override
public int getLayoutId(HashMap<String, Object> item) {
String type = (String) item.get("type");
if(type.equals("horizontalScrollCard")){
return R.layout.item_recyclerview_clidfragment;
}else if(type.equals("header5")){
return R.layout.item_recyclerview_nofragment;
}
return 0;
}
});
最后一个问题，我们应该怎么在convert方法中实现对不同的布局进行不同的数据加载呢？毕竟我们这个方法的传入参数可没有ViewType。
回答：直接通过item数据来判断就可以了。
至此逻辑理清，博客结束。
