快速開發偷懶必備(二) 支持DataBinding啦~爽炸，花式列表一行實現
本篇文章已受權微信公衆號 guolin_blog （郭霖）獨家發佈 javascript
概述
在前文快速開發偷懶必備（一）中，咱們利用Adapter模式封裝了一個庫，能快速爲任意ViewGroup添加子View。
有以下特色：java
- 快速簡單使用
- 支持任意ViewGroup
- 無耦合
- 無侵入性
- Item支持多種類型
在庫中V1.1.0版本，我也順手加入了RecyclerView、ListView、GridView的通用Adapter功能，庫地址在這裏。
如今V1.2.0版本發佈，我又加入了我最近超愛的一個技術，DataBinding。android
封裝了一套一行代碼實現花式列表的Adapter。git
即利用DataBinding實現RecyclerView中快速使用的Adapter。github
之後無論寫多種type仍是單type的列表，利用DataBinding 和本庫，都只須要一行代碼！緩存
這裏也算是安利DataBinding吧，真的超好用。還沒使用的朋友們，在看到本文能夠如此簡單寫花式列表後，建議去學習一下。
先看用法吧，簡單粗暴到沒朋友。微信
轉載請標明出處：
gold.xitu.io/post/584fbd…
本文出自:【張旭童的稀土掘金】(gold.xitu.io/user/56de21…)
代碼傳送門：喜歡的話，隨手點個star。多謝
github.com/mcxtzhang/a…數據結構
用法
使用必讀：
BaseBindingAdapter利用DataBinding提供的動態綁定技術,使用BR.data封裝數據、BR.itemP封裝點擊事件。因此對layout有如下要求：app
- layout中 數據name起名data
- layout中 點擊事件Presenter起名 itemP
如：ide
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<data>
<variable
name="itemP"
type="mcxtzhang.commonviewgroupadapter.databinding.rv.single.DBSingleActivity.SingleItemPresenter"/>
<variable
name="data"
type="mcxtzhang.commonviewgroupadapter.databinding.rv.single.DBSingleBean"/>
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="1dp"
android:background="@color/colorAccent"
android:onClick="@{v->itemP.onItemClick(data)}"
android:orientation="horizontal">
<ImageView
android:id="@+id/ivAvatar"
android:layout_width="200dp"
android:layout_height="200dp"
app:netUrl="@{data.avatar}"
tools:src="@mipmap/ic_launcher"/>
<TextView
android:id="@+id/tvName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{data.name}"
tools:text="測試多種"/>
</LinearLayout>
</layout>複製代碼
1 單Item列表
效果如圖：
順帶演示了BaseBindingAdapter封裝的一些增刪功能。
用法：
和其餘BaseAdapter用法一致:
- 構造函數只須要傳入context，datas，layout
mAdapter = new BaseBindingAdapter(this, mDatas, R.layout.item_db_single);複製代碼
好了，列表已經出來了。我不騙你，就這一句話。
若是須要設置點擊事件（點擊事件設置全部類型都同樣，下不贅述）：
//★ 設置Item點擊事件
mAdapter.setItemPresenter(new SingleItemPresenter());複製代碼
/** * ★ Item點擊事件P */
public class SingleItemPresenter {
public void onItemClick(DBSingleBean data) {
data.setName("修改以後馬上見效");
}
}複製代碼
特殊需求：
若是有特殊需求，可傳入兩個泛型，重寫onBindViewHolder搞事情：
// ★泛型D:是Bean類型，若是有就傳。 泛型B:是對應的xml Layout的Binding類
mAdapter = new BaseBindingAdapter<DBSingleBean, ItemDbSingleBinding>(this, mDatas, R.layout.item_db_single) {
@Override
public void onBindViewHolder(BaseBindingVH<ItemDbSingleBinding> holder, int position) {
//★super必定不要刪除
super.onBindViewHolder(holder, position);
//若是有特殊需求，可傳入兩個泛型，重寫onBindViewHolder搞事情。
ItemDbSingleBinding binding = holder.getBinding();
DBSingleBean data = mDatas.get(position);
}
};複製代碼
2 多Item同種數據類型列表
通常是像IM那種列表，雖然Item不一樣，可是數據結構是同一個。用法，一句話~
效果如圖：
用法：
- 數據結構（JavaBean）需實現
IBaseMulInterface接口,根據狀況返回不一樣的layout。 - 構造函數只須要傳入context，datas.
mAdapter = new BaseMulTypeBindingAdapter(this, mDatas);複製代碼
複雜列表依然一句話。
public class MulTypeSingleBean extends BaseObservable implements IBaseMulInterface {
private String avatar;
private String name;
private boolean receive;
@Override
public int getItemLayoutId() {
if (isReceive()) {
return R.layout.item_db_mul_1;
} else {
return R.layout.item_db_mul_2;
}
}
}複製代碼
特殊需求：
若是有特殊需求，可傳入數據結構的泛型，避免強轉，重寫onBindViewHolder()方法,可是Binding類 不可避免的須要強轉了：
mAdapter = new BaseMulTypeBindingAdapter<MulTypeSingleBean>(this, mDatas) {
@Override
public void onBindViewHolder(BaseBindingVH<ViewDataBinding> holder, int position) {
super.onBindViewHolder(holder, position);
//若是有特殊需求，可傳入數據結構的泛型，避免強轉
MulTypeSingleBean data = mDatas.get(position);
//Binding類 不可避免的須要強轉了
ViewDataBinding binding = holder.getBinding();
switch (data.getItemLayoutId()) {
case R.layout.item_db_mul_1:
ItemDbMul1Binding itemDbMul1Binding = (ItemDbMul1Binding) binding;
break;
case R.layout.item_db_mul_2:
ItemDbMul2Binding itemDbMul2Binding = (ItemDbMul2Binding) binding;
break;
}
}
};複製代碼
3 多Item、多種數據類型列表
各大APP首頁，Banner、列表、推薦混排，數據結構確定不一樣，可是依然只要一句代碼搞定Adapter！
效果如圖：
用法：
- 數據結構（JavaBean）需分別實現
IBaseMulInterface接口,返回數據結構對應的layout。 - 構造函數只須要傳入context，datas.
mAdapter = new BaseMulTypeBindingAdapter(this, mDatas);複製代碼
public class MulTypeMulBean1 extends BaseObservable implements IBaseMulInterface {
private String avatar;
private String name;
@Override
public int getItemLayoutId() {
return R.layout.item_db_mulbean_1;
}
}複製代碼
public class MulTypeMulBean2 extends BaseObservable implements IBaseMulInterface {
private String background;
@Override
public int getItemLayoutId() {
return R.layout.item_db_mulbean_2;
}
}複製代碼
特殊需求：
若是有特殊需求，重寫onBindViewHolder()方法,可是數據結構 和 Binding類 都不可避免的須要強轉了：
mAdapter = new BaseMulTypeBindingAdapter(this, mDatas) {
@Override
public void onBindViewHolder(BaseBindingVH holder, int position) {
super.onBindViewHolder(holder, position);
//若是有特殊需求 重寫onBindViewHolder方法
// 數據結構 和 Binding類 都不可避免的須要強轉了
ViewDataBinding binding = holder.getBinding();
switch (getItemViewType(position)) {
case R.layout.item_db_mul_1:
ItemDbMul1Binding itemDbMul1Binding = (ItemDbMul1Binding) binding;
MulTypeMulBean1 data1 = (MulTypeMulBean1) mDatas.get(position);
break;
case R.layout.item_db_mul_2:
ItemDbMul2Binding itemDbMul2Binding = (ItemDbMul2Binding) binding;
MulTypeMulBean2 data2 = (MulTypeMulBean2) mDatas.get(position);
break;
}
}
};複製代碼
4 不能忘了上文的ViewGroup呀
對上文封裝的ViewGroup類型Adapter也提供DataBinding的支持。
效果如圖：
固然仍是流式佈局搭配史上集成最叼側滑菜單控件。
用法：
和上文快速開發偷懶必備（一）同樣，只是Adapter換成SingleBindingAdapter
mAdapter = new SingleBindingAdapter<>(this, mDatas = iniDatas(), R.layout.item_db_flow_swipe);複製代碼
若是須要設置點擊事件：
mAdapter.setItemPresenter(new ItemDelPresenter());複製代碼
設計思路與實現
使用起來如此爽快，其實寫起來也很簡單。
注意類BaseBindingAdapter和BaseMulTypeBindingAdapter都不是abstract的，這說明咱們不須要重寫任何方法。
利用DataBinding，咱們在BasexxxAdapter內部和xml分別作View的建立和數據綁定的工做。
UML類圖
先簡要歸納
BaseBindingVH繼承自RecyclerView.ViewHolder，持有T extends ViewDataBinding類型的mBinding變量。利用ViewDataBinding咱們將不用再寫任何ViewHolder。BaseBindingAdapter，繼承自RecyclerView.Adapter,依賴BaseBindingVH，onCreateViewHolder(ViewGroup parent, int viewType)方法返回BaseBindingVH做爲ViewHolder。
內部持有三個重要變量：數據對應layout，數據集，Item點擊事件處理類。數據對應layout會在onCreateViewHolder(ViewGroup parent, int viewType)用到。剩下兩個變量在onBindViewHolder()用到。對外暴漏setItemPresenter(Object itemPresenter)供設置點擊事件處理類。IBaseMulInterface接口和快速開發偷懶必備（一）提到的同樣，返回某個數據結構對應的layout，除此以外，本文還有一個十分tricky之處，利用返回的R.layout.itemxxxx做爲ItemViewType，在BaseMulTypeBindingAdapter會用到。BaseMulTypeBindingAdapter繼承自BaseBindingAdapter,可是它再也不關心mLayoutId變量，它利用IBaseMulInterface接口返回的R.layout.itemxxxx做爲ItemViewType，這樣在onCreateViewHolder(ViewGroup parent, int viewType)的時候，就能夠直接用viewType構造出ItemView。再也不依賴mLayoutId變量。這是一個我很得意的設計，我在優雅爲RecyclerView增長HeaderView一文中，也曾用過這個方法。
BaseBindingVH
BaseBindingVH算是一個核心類，可是又十分簡單。它繼承自RecyclerView.ViewHolder，持有由泛型傳入的T extends ViewDataBinding類型的mBinding變量。
惟一構造函數，須要一個T t變量，而後調用super()傳入t.getRoot()完成itemView的賦值。同時對mBinding變量賦值。
對外暴漏getBinding()返回mBinding變量。
利用ViewDataBinding咱們將不用再寫任何ViewHolder。
public class BaseBindingVH<T extends ViewDataBinding> extends RecyclerView.ViewHolder {
protected final T mBinding;
public BaseBindingVH(T t) {
super(t.getRoot());
mBinding = t;
}
public T getBinding() {
return mBinding;
}
}複製代碼
BaseBindingAdapter
BaseBindingAdapter，繼承自RecyclerView.Adapter,依賴BaseBindingVH，將BaseBindingVH做爲泛型傳給RecyclerView.Adapter。
同時BaseBindingAdapter自己接受兩個泛型，<D, B extends ViewDataBinding>。
- 泛型沒有特殊需求能夠不傳
- 泛型D:是Bean類型，若是有就傳。
- 泛型B:是對應的xml Layout的Binding類
傳入不傳入泛型的區別已經在第二節具體用法裏進行了演示，再也不贅述。
內部持有三個重要變量：
- 數據對應layout
int mLayoutId; - 數據集
List<D> mDatas; - Item點擊事件處理類。
Object ItemPresenter;
mLayoutId和mDatas都由構造函數傳入，沒啥好說的。
對外暴漏setItemPresenter(Object itemPresenter)供設置點擊事件處理類ItemPresenter。ItemPresenter是Object類型，這樣纔不care你set的Item點擊事件處理類是什麼鬼。
onCreateViewHolder(ViewGroup parent, int viewType)方法返回BaseBindingVH做爲ViewHolder。mLayoutId會在onCreateViewHolder(ViewGroup parent, int viewType)用到,再根據泛型B強轉成對應的ViewDataBinding：
BaseBindingVH<B> holder = new BaseBindingVH<B>((B) DataBindingUtil.inflate(mInfalter, mLayoutId, parent, false));複製代碼
會在onBindViewHolder()方法裏，利用DataBinding動態綁定ViewDataBinding.setVariable(BR.itemP, ItemPresenter);爲每一個Item設置點擊事件。
同時，數據也是一樣在裏面綁定的：setVariable(BR.data, mDatas.get(position))。
重點代碼以下：
public class BaseBindingAdapter<D, B extends ViewDataBinding> extends RecyclerView.Adapter<BaseBindingVH<B>> {
protected Context mContext;
protected int mLayoutId;
protected List<D> mDatas;
protected LayoutInflater mInfalter;
//用於設置Item的事件Presenter
protected Object ItemPresenter;
public BaseBindingAdapter(Context mContext, List mDatas, int mLayoutId) {
this.mContext = mContext;
this.mLayoutId = mLayoutId;
this.mDatas = mDatas;
this.mInfalter = LayoutInflater.from(mContext);
}
@Override
public BaseBindingVH<B> onCreateViewHolder(ViewGroup parent, int viewType) {
BaseBindingVH<B> holder = new BaseBindingVH<B>((B) DataBindingUtil.inflate(mInfalter, mLayoutId, parent, false));
onCreateViewHolder(holder);
return holder;
}
/** * 若是須要給Vh設置監聽器啥的 能夠在這裏 * * @param holder */
public void onCreateViewHolder(BaseBindingVH<B> holder) {
}
/** * 子類除了綁定數據，還要設置監聽器等其餘操做。 * 能夠重寫這個方法，不要刪掉super.onBindViewHolder(holder, position); * * @param holder * @param position */
@Override
public void onBindViewHolder(BaseBindingVH<B> holder, int position) {
holder.getBinding().setVariable(BR.data, mDatas.get(position));
holder.getBinding().setVariable(BR.itemP, ItemPresenter);
holder.getBinding().executePendingBindings();
}
/** * 用於設置Item的事件Presenter * * @param itemPresenter * @return */
public BaseBindingAdapter setItemPresenter(Object itemPresenter) {
ItemPresenter = itemPresenter;
return this;
}
}複製代碼
BaseBindingAdapter內部也封裝了以下方法，方便數據刷新，增刪(定向刷新)調用：
/** * 刷新數據，初始化數據 * * @param list */
public void setDatas(List<D> list) {
if (this.mDatas != null) {
if (null != list) {
List<D> temp = new ArrayList<D>();
temp.addAll(list);
this.mDatas.clear();
this.mDatas.addAll(temp);
} else {
this.mDatas.clear();
}
} else {
this.mDatas = list;
}
notifyDataSetChanged();
}
/** * 刪除一條數據 * 會自動定向刷新 * * @param i */
public void remove(int i) {
if (null != mDatas && mDatas.size() > i && i > -1) {
mDatas.remove(i);
notifyItemRemoved(i);
}
}
/** * 添加一條數據 至隊尾 * 會自動定向刷新 * * @param data */
public void add(D data) {
if (data != null && mDatas != null) {
mDatas.add(data);
notifyItemInserted(mDatas.size());
}
}
/** * 在指定位置添加一條數據 * 會自動定向刷新 * <p> * 若是指定位置越界，則添加在隊尾 * * @param position * @param data */
public void add(int position, D data) {
if (data != null && mDatas != null) {
if (mDatas.size() > position && position > -1) {
mDatas.add(position, data);
notifyItemInserted(position);
} else {
add(data);
}
}
}
/** * 加載更多數據 * * @param list */
public void addDatas(List<D> list) {
if (null != list) {
List<D> temp = new ArrayList<D>();
temp.addAll(list);
if (this.mDatas != null) {
this.mDatas.addAll(temp);
} else {
this.mDatas = temp;
}
notifyDataSetChanged();
}
}複製代碼
IBaseMulInterface接口
來點簡單的.
IBaseMulInterface接口和快速開發偷懶必備（一）提到的同樣，返回某個數據結構對應的layout.
除此以外，本文還有一個十分tricky之處，利用返回的R.layout.itemxxxx做爲ItemViewType，在BaseMulTypeBindingAdapter會用到。
由於不一樣的R.layout.itemxxxx對於RecyclerView來講必定是不一樣的Item，
BaseMulTypeBindingAdapter
多種ItemType的Base類
BaseMulTypeBindingAdapter繼承自BaseBindingAdapter,可是它再也不關心mLayoutId變量。所以它傳給父類的泛型B就是ViewDataBinding類自己。解釋以下：
基類的泛型B：不用傳，由於多種ItemType 確定Layout長得不同，那麼Binding類也不同，傳入沒有任何意義
泛型T:多Item多Bean狀況能夠不傳。若是隻有一種Bean類型，能夠傳入Bean，實現IBaseMulInterface接口。
或者傳入IBaseMulInterface接口，能夠拿到 getItemLayoutId()，
可是經過getItemViewType(int position)，同樣。因此多Item多Bean建議不傳。
傳入不傳入泛型的區別已經在第二節具體用法裏進行了演示，再也不贅述。
getItemViewType()直接返回 IBaseMulInterface接口的返回值。
在onCreateViewHolder(ViewGroup parent, int viewType)的時候，直接用viewType構建ViewDataBinding（ItemView）。再也不依賴mLayoutId變量。
這是一個我很得意的設計，我在優雅爲RecyclerView增長HeaderView一文中，也曾用過這個方法添加頭部。
完整代碼以下：
public class BaseMulTypeBindingAdapter<T extends IBaseMulInterface> extends BaseBindingAdapter<T, ViewDataBinding> {
public BaseMulTypeBindingAdapter(Context mContext, List<T> mDatas) {
super(mContext, mDatas);
}
@Override
public int getItemViewType(int position) {
return mDatas.get(position).getItemLayoutId();
}
@Override
public BaseBindingVH<ViewDataBinding> onCreateViewHolder(ViewGroup parent, int viewType) {
BaseBindingVH<ViewDataBinding> holder = new BaseBindingVH<ViewDataBinding>(DataBindingUtil.inflate(mInfalter, viewType, parent, false));
onCreateViewHolder(holder);
return holder;
}
}複製代碼
ViewGroup Adapter的實現
單item
繼承SingleAdapter，增長ItemPresenter，在getView()完成View建立和綁定。
public class SingleBindingAdapter<D, B extends ViewDataBinding> extends SingleAdapter<D> {
//用於設置Item的事件Presenter
protected Object ItemPresenter;
/** * 用於設置Item的事件Presenter * * @param itemPresenter * @return */
public SingleBindingAdapter setItemPresenter(Object itemPresenter) {
ItemPresenter = itemPresenter;
return this;
}
public SingleBindingAdapter(Context context, List<D> datas, int itemLayoutId) {
super(context, datas, itemLayoutId);
}
//重寫利用DataBinding作
@Override
public View getView(ViewGroup parent, int pos, D data) {
ViewDataBinding binding = DataBindingUtil.inflate(mInflater, mItemLayoutId, parent, false);
View itemView = binding.getRoot();
onBindView(parent, itemView, data, pos);
binding.setVariable(BR.data, data);
binding.setVariable(BR.itemP, ItemPresenter);
return itemView;
}
//空實現便可，由於DataBinding的實現都是在xml裏作
@Override
public void onBindView(ViewGroup parent, View itemView, D data, int pos) {
}
}複製代碼
多Item：
更簡單了，繼承SingleBindingAdapter。重寫getView()便可。
public class MulTypeBindngAdapter<T extends IMulTypeHelper> extends SingleBindingAdapter<T, ViewDataBinding> {
public MulTypeBindngAdapter(Context context, List<T> datas) {
super(context, datas, -1);
}
//重寫利用DataBinding作
@Override
public View getView(ViewGroup parent, int pos, T data) {
ViewDataBinding binding = DataBindingUtil.inflate(mInflater, data.getItemLayoutId(), parent, false);
View itemView = binding.getRoot();
onBindView(parent, itemView, data, pos);
binding.setVariable(BR.data, data);
binding.setVariable(BR.itemP, ItemPresenter);
return itemView;
}
}複製代碼
總結
代碼傳送門：喜歡的話，隨手點個star。多謝
github.com/mcxtzhang/a…
本文利用DataBinding的ViewDataBinding直接略去寫ViewHolder。
利用Object類型的ItemPresenter，兼容解決了點擊事件的設置。
最得意的設計，仍是利用R.layout.xxxx這些佈局文件int類型的的RID,做爲ItemViewType，一舉兩得。
DataBinding很強，但願你們快點擁抱它。
to do list
- ViewGroup Adapter 考慮加入複用緩存池
- ViewGroup Adapter ，考慮替換
onBindView()的ItemView->通用的ViewHolder，這樣能夠少寫一些findViewById()代碼 整合DataBinding 的通用Adapter入庫。- 完善 RecyclerView、ListView的通用Adapter，支持多種ItemViewType。
- 加入一些自定義ViewGroup入庫，例如流式佈局，九宮格，Banner輪播圖。
轉載請標明出處：
gold.xitu.io/post/584fbd…
本文出自:【張旭童的稀土掘金】(gold.xitu.io/user/56de21…)
代碼傳送門：喜歡的話，隨手點個star。多謝
github.com/mcxtzhang/a…
- 1. DataBinding：一行實現花式列表
- 2. 快速開發偷懶必備，搞定全部ViewGroup的Adapter . 支持自定義ViewGroup
- 3. CRL快速開發框架系列教程十二(MongoDB支持)
- 4. 簡易快速的開發，須要一個快速開發平臺來支持
- 5. 開發者必備速查表（多圖）
- 6. MNN支持NPU啦！！！
- 7. MarkDown支持Emoji表情啦
- 8. Python爬蟲偷懶神器 — 快速構造請求頭!
- 9. Android開發偷懶技巧之陰影
- 10. 推薦：偷懶利器 EmEditor
- 更多相關文章...
- • ASP 快速參考 - ASP 教程
- • Eclipse 快速修復 - Eclipse 教程
- • PHP開發工具
- • Spring Cloud 微服務實戰(三) - 服務註冊與發現
-
每一个你不满意的现在，都有一个你没有努力的曾经。