1.概述
離春節(jié)只有一個(gè)月，同時(shí)也在準(zhǔn)備公司的節(jié)目所以每天有一段時(shí)間在練習(xí)吉他视事，剛剛?cè)豪镉腥藛栁沂裁磿r(shí)候開始分享仿內(nèi)涵段子整個(gè)項(xiàng)目。算一下時(shí)間RecyclerView可能有4期左右的分享，自己又只能周末錄講解視頻惶桐，所有可能會(huì)要等過完春節(jié)才能全部開始狐血。
上一篇已經(jīng)簡(jiǎn)單的講解了一下RecyclerView更全解析之 - 基本使用和分割線解析淀歇。這一期我們來看一下怎么去打造一個(gè)萬能的RecyclerView.Adapter。
視頻講解：http://pan.baidu.com/s/1c27ogbY
相關(guān)文章：
RecyclerView更全解析之 - 基本使用和分割線解析
RecyclerView更全解析之 - 打造通用的萬能Adapter
RecyclerView更全解析之 - 為它優(yōu)雅的添加頭部和底部
RecyclerView更全解析之 - 打造通用的下拉刷新上拉加載
RecyclerView更全解析之 - 仿支付寶側(cè)滑刪除和拖動(dòng)排序
這里寫圖片描述
2．概述
我們肯定都用過ListView的萬能Adapter匈织，不知道大家有沒有看過源碼其實(shí)寫起來也不困難浪默。這里給大家介紹一篇博客大家可以看一下打造萬能的ListView GridView 適配器，博主是鴻洋大神牛叉中的牛叉缀匕，如果沒有思路可以參考這個(gè)纳决。
其實(shí)我們?cè)谶@里是想解決上一篇的那些坑，但是千萬記得別過度設(shè)計(jì)一層一層套一層誰也看不懂乡小。大致有：
列表數(shù)據(jù)綁定有一點(diǎn)復(fù)雜代碼有點(diǎn)多
每個(gè)列表設(shè)置條目點(diǎn)擊事件和長(zhǎng)按事件坑啊
如果是多條目布局岳链，更不知道要寫多少代碼
3．基本思路
新建一個(gè)RecyclerView.Adapter什么都不寫大概就是這個(gè)樣子：
/**
* Created by Darren on 2016/12/28.
* Email: 240336124@qq.com
* Description: 通用的Adapter
*/
public class CommonRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
protected Context mContext;
private LayoutInflater mInflater;
// 數(shù)據(jù)怎么辦？ 布局怎么辦劲件？ 綁定怎么辦掸哑？
public CommonRecyclerAdapter(Context context) {
this.mContext = context;
this.mInflater = LayoutInflater.from(mContext);
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
return null;
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
}
@Override
public int getItemCount() {
return 0;
}
}
/**
* Created by Darren on 2016/12/28.
* Email: 240336124@qq.com
* Description: RecyclerView的ViewHolder
*/
public class ViewHolder extends RecyclerView.ViewHolder {
public ViewHolder(View itemView) {
super(itemView);
}
}
既然想做到通用那么現(xiàn)在擺在面前的就三個(gè)問題：數(shù)據(jù)怎么辦约急？布局怎么辦？ 綁定怎么辦苗分？厌蔽。數(shù)據(jù)決定采用泛型，布局打算直接構(gòu)造傳第摔癣，綁定顯示效果肯定就只能回傳奴饮。
3.1 基本改造
數(shù)據(jù)決定采用泛型，布局打算直接構(gòu)造傳遞择浊，綁定顯示效果回傳戴卜。
/**
* Created by Darren on 2016/12/28.
* Email: 240336124@qq.com
* Description: 通用的Adapter
*/
public abstract class CommonRecyclerAdapter<T> extends RecyclerView.Adapter<ViewHolder> {
protected Context mContext;
protected LayoutInflater mInflater;
//數(shù)據(jù)怎么辦？利用泛型
protected List<T> mDatas;
// 布局怎么辦琢岩？直接從構(gòu)造里面?zhèn)鬟f
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數(shù)據(jù)
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));
}
/**
* 利用抽象方法回傳出去，每個(gè)不一樣的Adapter去設(shè)置
* @param item 當(dāng)前的數(shù)據(jù)
*/
public abstract void convert(ViewHolder holder, T item);
@Override
public int getItemCount() {
return mDatas.size();
}
}
3.2 實(shí)戰(zhàn)使用
接下來我們就把上一期的RecyclerView更全解析之 - 基本使用和分割線解析的Adapter做一下改造担孔，看一看代碼能簡(jiǎn)化多少：
/**
* Created by Darren on 2016/12/28.
* Email: 240336124@qq.com
* Description: 利用萬能通用的Adapter改造后的列表
*/
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);
// 顯示數(shù)據(jù)
nameTv.setText(item.getName());
channelTopicTv.setText(item.getIntro());
String str = item.getSubscribe_count() + " 訂閱 | " +
"總帖數(shù) <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);
}
}
代碼少了不知道多少了江锨，反正現(xiàn)在我們只需要關(guān)注convert()方法，但是還可以更加簡(jiǎn)單一點(diǎn)糕篇，我們對(duì)ViewHolder做一下優(yōu)化啄育。
3.3 改造ViewHolder
/**
* Created by Darren on 2016/12/28.
* Email: 240336124@qq.com
* Description: RecyclerView的ViewHolder
*/
public class ViewHolder extends RecyclerView.ViewHolder {
// 用來存放子View減少findViewById的次數(shù)
private SparseArray<View> mViews;
public ViewHolder(View itemView) {
super(itemView);
mViews = new SparseArray<>();
}
/**
* 設(shè)置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;
}
/**
* 設(shè)置View的Visibility
*/
public ViewHolder setViewVisibility(int viewId, int visibility) {
getView(viewId).setVisibility(visibility);
return this;
}
/**
* 設(shè)置ImageView的資源
*/
public ViewHolder setImageResource(int viewId, int resourceId) {
ImageView imageView = getView(viewId);
imageView.setImageResource(resourceId);
return this;
}
/**
* 設(shè)置條目點(diǎn)擊事件
*/
public void setOnIntemClickListener(View.OnClickListener listener) {
itemView.setOnClickListener(listener);
}
/**
* 設(shè)置條目長(zhǎng)按事件
*/
public void setOnIntemLongClickListener(View.OnLongClickListener listener) {
itemView.setOnLongClickListener(listener);
}
/**
* 設(shè)置圖片通過路徑,這里稍微處理得復(fù)雜一些，因?yàn)榭紤]加載圖片的第三方可能不太一樣
* 也可以直接寫死
*/
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;
}
/**
* 圖片加載拌消，這里稍微處理得復(fù)雜一些挑豌，因?yàn)榭紤]加載圖片的第三方可能不太一樣
* 也可以不寫這個(gè)類
*/
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);
}
}
3.3 再次實(shí)戰(zhàn)
@Override
public void convert(ViewHolder holder, ChannelListResult.DataBean.CategoriesBean.CategoryListBean item) {
// 顯示數(shù)據(jù)
String str = item.getSubscribe_count() + " 訂閱 | " +
"總帖數(shù) <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()));
}
這里寫圖片描述
3.3 多布局實(shí)現(xiàn)
最后我們考慮一下多布局問題，有的時(shí)候我們列表的樣式各不相同墩崩，隨便打個(gè)比方浮毯，比如聊天的列表樣式等等。
先介紹RecyclerView.Adapter的getItemViewType(int position)這個(gè)方法泰鸡，可以根據(jù)當(dāng)前位置獲取一個(gè)viewType最終會(huì)傳到onCreateViewHolder()這個(gè)方法中，就是它了壳鹤。
/**
* Created by Darren on 2016/12/28.
* Email: 240336124@qq.com
* Description: 多布局支持接口
*/
public interface MultiTypeSupport<T> {
// 根據(jù)當(dāng)前位置或者條目數(shù)據(jù)返回布局
public int getLayoutId(T item, int position);
}
最終的Adapter
/**
* Created by Darren on 2016/12/28.
* Email: 240336124@qq.com
* Description: 通用的Adapter
*/
public abstract class CommonRecyclerAdapter<T> extends RecyclerView.Adapter<ViewHolder> {
protected Context mContext;
protected LayoutInflater mInflater;
//數(shù)據(jù)怎么辦盛龄？
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, -1);
this.mMultiTypeSupport = multiTypeSupport;
}
/**
* 根據(jù)當(dāng)前位置獲取不同的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數(shù)據(jù)
View itemView = mInflater.inflate(mLayoutId, parent, false);
// 返回ViewHolder
ViewHolder holder = new ViewHolder(itemView);
return holder;
}
@Override
public void onBindViewHolder(ViewHolder holder, final int position) {
// 設(shè)置點(diǎn)擊和長(zhǎng)按事件
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));
}
/**
* 利用抽象方法回傳出去余舶，每個(gè)不一樣的Adapter去設(shè)置
*
* @param item 當(dāng)前的數(shù)據(jù)
*/
public abstract void convert(ViewHolder holder, T item);
@Override
public int getItemCount() {
return mData.size();
}
/***************
* 設(shè)置條目點(diǎn)擊和長(zhǎng)按事件
*********************/
public OnItemClickListener mItemClickListener;
public OnLongClickListener mLongClickListener;
public void setOnItemClickListener(OnItemClickListener itemClickListener) {
this.mItemClickListener = itemClickListener;
}
public void setOnLongClickListener(OnLongClickListener longClickListener) {
this.mLongClickListener = longClickListener;
}
}
多布局測(cè)試我就不在這里做過多的寫了，如果不行大家可以選擇看視頻锹淌，我會(huì)在視頻中去測(cè)試匿值。
