android MVVM開發架構——(1)DataBinding 基礎應用
android MVVM開發架構——(2)DataBinding 應用于ListView
如果你對mvvm或者databinding不太熟悉的,建議先去看看前兩篇博文
1,item布局沿用上一篇listview的布局,這裡就不貼出來了
2,recyclervice布局
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<data>
<import type="com.lh.mvvm.adapter.RecyclerViewAdapter" />
<variable
name="adapter"
type="RecyclerViewAdapter" />
<!--這裡可以讓modle可以控制recyclerview的背景色-->
<variable
name="image"
type="int" />
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.v7.widget.RecyclerView
android:id="@+id/recycler_test"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.1"
android:background="@{image}"
app:adapter="@{adapter}" />
</LinearLayout>
</layout>
3,RecyclerViewHolder
public class RecyclerViewHolder extends RecyclerView.ViewHolder {
//這裡隻要給RecyclerView.ViewHolder傳回一個view就可以,是以我們将構造方法中傳入databinding
ItemMvvmBinding itemMvvmBinding;
public RecyclerViewHolder(ItemMvvmBinding itemMvvmBinding) {
super(itemMvvmBinding.getRoot());
this.itemMvvmBinding = itemMvvmBinding;
}
public ItemMvvmBinding getBinding() {
return itemMvvmBinding;
}
public void setBinding(ItemMvvmBinding itemMvvmBinding) {
this.itemMvvmBinding = itemMvvmBinding;
}
}
4,RecyclerViewAdapter
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewHolder> implements View.OnClickListener {
private List<UserBean> data;
/**
* 用于模仿listview的itemclick事件,recyclerview沒有itemclick
*/
private OnItemClickListener mOnItemClickListener;
public interface OnItemClickListener {
void onItemClick(View view, int position);
}
public void setOnItemClickListener(OnItemClickListener listener) {
this.mOnItemClickListener = listener;
}
public RecyclerViewAdapter(List<UserBean> data) {
this.data = data;
}
@Override
public RecyclerViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
ItemMvvmBinding itemMvvmBinding = DataBindingUtil.inflate(LayoutInflater.from(parent.getContext()), R.layout.item_mvvm, parent, false);
itemMvvmBinding.getRoot().setOnClickListener(this);
return new RecyclerViewHolder(itemMvvmBinding);
}
@Override
public void onBindViewHolder(RecyclerViewHolder holder, int position) {
ItemMvvmBinding itemMvvmBinding = holder.getBinding();
UserBean userBean = data.get(position);
itemMvvmBinding.setUser(userBean);
//将position儲存在itemView的Tag中,以便點選時進行擷取
itemMvvmBinding.getRoot().setTag(position);
itemMvvmBinding.btnUpdate.setOnClickListener(new OnBtnClickListener(, userBean));
itemMvvmBinding.btnDelete.setOnClickListener(new OnBtnClickListener(, position));
// 立刻執行綁定
itemMvvmBinding.executePendingBindings();
}
private class OnBtnClickListener implements View.OnClickListener {
private int stats;//1,修改;2,删除
private UserBean userBean;
private int position;
OnBtnClickListener(int stats, UserBean userBean) {
this.stats = stats;
this.userBean = userBean;
}
OnBtnClickListener(int stats, int position) {
this.stats = stats;
this.position = position;
}
@Override
public void onClick(View v) {
switch (stats) {
case :
userBean.userName.set("修改後的名字");
break;
case :
data.remove(position);
notifyDataSetChanged();
break;
}
}
}
@Override
public int getItemCount() {
return data == null ? : data.size();
}
@Override
public void onClick(View v) {
if (mOnItemClickListener != null)
mOnItemClickListener.onItemClick(v, (int) v.getTag());
}
}
5,RecyclerViewActivity
public class RecyclerViewActivity extends Activity {
ActivityRecyclerViewBinding recyclerViewBinding;
ArrayList<UserBean> data;
@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
recyclerViewBinding = DataBindingUtil.setContentView(this, R.layout.activity_recycler_view);
data = initData();
//需要設定recyclerview的layoutmanager,不然視圖無法顯示
//第二個參數表示水準布局,第三個參數表示是否反轉,視圖從下往上滑
//new GridLayoutManager(this,3,GridLayoutManager.HORIZONTAL,false)); //表格布局
//new LinearLayoutManager(recyclerView.getContext(), LinearLayoutManager.VERTICAL, true));
//new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));//瀑布流
recyclerViewBinding.recyclerTest.setLayoutManager(new LinearLayoutManager(this, GridLayoutManager.VERTICAL, false));
//初始化擴充卡
RecyclerViewAdapter recyclerViewAdapter = new RecyclerViewAdapter(data);
//綁定擴充卡
recyclerViewBinding.setAdapter(recyclerViewAdapter);
//item的點選事件
recyclerViewAdapter.setOnItemClickListener(new RecyclerViewAdapter.OnItemClickListener() {
@Override
public void onItemClick(View view, int position) {
Toast.makeText(RecyclerViewActivity.this, "行數:" + position, Toast.LENGTH_LONG).show();
}
});
//通過屬性設定view的背景色
recyclerViewBinding.setImage(getResources().getColor(R.color.colorAccent));
}
//初始化測試資料
private ArrayList<UserBean> initData() {
ArrayList<UserBean> list = new ArrayList<>();
for (int i = ; i < ; i++) {
UserBean userBean = new UserBean();
userBean.userId.set(i);
userBean.userName.set(i + "aaa");
userBean.userAge.set( + i);
userBean.userSex.set(i % == ? : );
list.add(userBean);
}
return list;
}
}
recyclerview與databinding之間的綁定就是這樣