RecyclerView打造通用的万能Adapter

时间:2023-12-24 18:55:31

既然想做到通用那么现在摆在面前的就三个问题:数据怎么办?布局怎么办? 绑定怎么办?。数据决定采用泛型,布局打算直接构造传递,绑定显示效果肯定就只能回传。
  
1 基本改造
  数据决定采用泛型,布局打算直接构造传递,绑定显示效果回传。

 public abstract class CommonRecyclerAdapter<T> extends RecyclerView.Adapter<ViewHolder> {

     protected Context mContext;
protected LayoutInflater mInflater;
//数据怎么办?利用泛型
protected List<T> mDatas;
// 布局怎么办?直接从构造里面传递
private int mLayoutId; public CommonRecyclerAdapter(Context context, List<T> datas, int layoutId) {
this.mContext = context;
this.mInflater = LayoutInflater.from(mContext);
this.mDatas = datas;
this.mLayoutId = layoutId;
} @Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
// 先inflate数据
View itemView = mInflater.inflate(mLayoutId, parent, false);
// 返回ViewHolder
ViewHolder holder = new ViewHolder(itemView);
return holder;
} @Override
public void onBindViewHolder(ViewHolder holder, int position) {
// 绑定怎么办?回传出去
convert(holder, mDatas.get(position));
} /**
* 利用抽象方法回传出去,每个不一样的Adapter去设置
* @param item 当前的数据
*/
public abstract void convert(ViewHolder holder, T item); @Override
public int getItemCount() {
return mDatas.size();
}
}

2 实战使用

 public class CategoryListAdapter extends CommonRecyclerAdapter<ChannelListResult.
DataBean.CategoriesBean.CategoryListBean>{ public CategoryListAdapter(Context context, List<ChannelListResult.DataBean.
CategoriesBean.CategoryListBean> datas) {
super(context, datas, R.layout.channel_list_item);
} @Override
public void convert(ViewHolder holder, ChannelListResult.DataBean.CategoriesBean.CategoryListBean item) {
// 从ViewHolder中去findViewById
TextView nameTv = (TextView) holder.itemView.findViewById(R.id.channel_text);
TextView channelTopicTv = (TextView) holder.itemView.findViewById(R.id.channel_topic);
TextView channelUpdateInfo = (TextView) holder.itemView.findViewById(R.id.channel_update_info);
View recommendLabel = holder.itemView.findViewById(R.id.recommend_label);
ImageView channelIconIv = (ImageView) holder.itemView.findViewById(R.id.channel_icon); // 显示数据
nameTv.setText(item.getName());
channelTopicTv.setText(item.getIntro());
String str = item.getSubscribe_count() + " 订阅 | " +
"总帖数 <font color='#FF678D'>" + item.getTotal_updates() + "</font>";
channelUpdateInfo.setText(Html.fromHtml(str));
// 是否是最新
if (item.isIs_recommend()) {
recommendLabel.setVisibility(View.VISIBLE);
} else {
recommendLabel.setVisibility(View.GONE);
}
// 加载图片
Glide.with(mContext).load(item.getIcon_url()).centerCrop().into(channelIconIv);
}
}

代码少了不知道多少了,反正现在我们只需要关注convert()方法,但是还可以更加简单一点,我们对ViewHolder做一下优化。

3 改造ViewHolder

public class ViewHolder extends RecyclerView.ViewHolder {

    // 用来存放子View减少findViewById的次数
private SparseArray<View> mViews; public ViewHolder(View itemView) {
super(itemView);
mViews = new SparseArray<>();
} /**
* 设置TextView文本
*/
public ViewHolder setText(int viewId, CharSequence text) {
TextView tv = getView(viewId);
tv.setText(text);
return this;
} /**
* 通过id获取view
*/
public <T extends View> T getView(int viewId) {
// 先从缓存中找
View view = mViews.get(viewId);
if (view == null) {
// 直接从ItemView中找
view = itemView.findViewById(viewId);
mViews.put(viewId, view);
}
return (T) view;
} /**
* 设置View的Visibility
*/
public ViewHolder setViewVisibility(int viewId, int visibility) {
getView(viewId).setVisibility(visibility);
return this;
} /**
* 设置ImageView的资源
*/
public ViewHolder setImageResource(int viewId, int resourceId) {
ImageView imageView = getView(viewId);
imageView.setImageResource(resourceId);
return this;
} /**
* 设置条目点击事件
*/
public void setOnIntemClickListener(View.OnClickListener listener) {
itemView.setOnClickListener(listener);
} /**
* 设置条目长按事件
*/
public void setOnIntemLongClickListener(View.OnLongClickListener listener) {
itemView.setOnLongClickListener(listener);
} /**
* 设置图片通过路径,这里稍微处理得复杂一些,因为考虑加载图片的第三方可能不太一样
* 也可以直接写死
*/
public ViewHolder setImageByUrl(int viewId, HolderImageLoader imageLoader) {
ImageView imageView = getView(viewId);
if (imageLoader == null) {
throw new NullPointerException("imageLoader is null!");
}
imageLoader.displayImage(imageView.getContext(), imageView, imageLoader.getImagePath());
return this;
} /**
* 图片加载,这里稍微处理得复杂一些,因为考虑加载图片的第三方可能不太一样
* 也可以不写这个类
*/
public static abstract class HolderImageLoader {
private String mImagePath; public HolderImageLoader(String imagePath) {
this.mImagePath = imagePath;
} public String getImagePath() {
return mImagePath;
} public abstract void displayImage(Context context, ImageView imageView, String imagePath);
}
}

再次实战

@Override
public void convert(ViewHolder holder, ChannelListResult.DataBean.CategoriesBean.CategoryListBean item) {
// 显示数据
String str = item.getSubscribe_count() + " 订阅 | " +
"总帖数 <font color='#FF678D'>" + item.getTotal_updates() + "</font>";
holder.setText(R.id.channel_text, item.getName())
.setText(R.id.channel_topic, item.getIntro())
.setText(R.id.channel_update_info, Html.fromHtml(str)); // 是否是最新
if (item.isIs_recommend()) {
holder.setViewVisibility(R.id.recommend_label, View.VISIBLE);
} else {
holder.setViewVisibility(R.id.recommend_label, View.GONE);
}
// 加载图片
holder.setImageByUrl(R.id.channel_icon, new GlideImageLoader(item.getIcon_url()));
}

GlideImageLoader

public class GlideImageLoader extends ViewHolder.HolderImageLoader {

    public GlideImageLoader(String imagePath) {
super(imagePath);
} @Override
public void displayImage(Context context, ImageView imageView, String imagePath) {
Glide.with(context).load(imagePath).placeholder(R.drawable.ic_discovery_default_channel).centerCrop().into(imageView);
}
}

3 多布局实现

最后我们考虑一下多布局问题,有的时候我们列表的样式各不相同,随便打个比方,比如聊天的列表样式等等。
  先介绍RecyclerView.Adapter的getItemViewType(int position)这个方法,可以根据当前位置获取一个viewType最终会传到onCreateViewHolder()这个方法中,就是它了。

多布局支持接口

public interface MultiTypeSupport<T> {
// 根据当前位置或者条目数据返回布局
public int getLayoutId(T item, int position);
}

最终的Adapter

 public abstract class CommonRecyclerAdapter<T> extends RecyclerView.Adapter<ViewHolder> {

     protected Context mContext;
protected LayoutInflater mInflater;
//数据怎么办?
protected List<T> mData;
// 布局怎么办?
private int mLayoutId; // 多布局支持
private MultiTypeSupport mMultiTypeSupport; public CommonRecyclerAdapter(Context context, List<T> data, int layoutId) {
this.mContext = context;
this.mInflater = LayoutInflater.from(mContext);
this.mData = data;
this.mLayoutId = layoutId;
} /**
* 多布局支持
*/
public CommonRecyclerAdapter(Context context, List<T> data, MultiTypeSupport<T> multiTypeSupport) {
this(context, data, -);
this.mMultiTypeSupport = multiTypeSupport;
} /**
* 根据当前位置获取不同的viewType
*/
@Override
public int getItemViewType(int position) {
// 多布局支持
if (mMultiTypeSupport != null) {
return mMultiTypeSupport.getLayoutId(mData.get(position), position);
}
return super.getItemViewType(position);
} @Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
// 多布局支持
if (mMultiTypeSupport != null) {
mLayoutId = viewType;
}
// 先inflate数据
View itemView = mInflater.inflate(mLayoutId, parent, false);
// 返回ViewHolder
ViewHolder holder = new ViewHolder(itemView); return holder;
} @Override
public void onBindViewHolder(ViewHolder holder, final int position) {
// 设置点击和长按事件
if (mItemClickListener != null) {
holder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mItemClickListener.onItemClick(position);
}
});
}
if (mLongClickListener != null) {
holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
return mLongClickListener.onLongClick(position);
}
});
} // 绑定怎么办?回传出去
convert(holder, mData.get(position));
} /**
* 利用抽象方法回传出去,每个不一样的Adapter去设置
*
* @param item 当前的数据
*/
public abstract void convert(ViewHolder holder, T item); @Override
public int getItemCount() {
return mData.size();
} /***************
* 设置条目点击和长按事件
*********************/
public OnItemClickListener mItemClickListener;
public OnLongClickListener mLongClickListener; public void setOnItemClickListener(OnItemClickListener itemClickListener) {
this.mItemClickListener = itemClickListener;
} public void setOnLongClickListener(OnLongClickListener longClickListener) {
this.mLongClickListener = longClickListener;
}
}