Data Binding 打造RecyclerView 万能适配器

最近因为项目需要，采用了data bind 来封装了一下RecyclerView的适配器，抽象出了Adapter.

至于不了解data bind是什么可以点击这里。

我们仔细观察RecyclerAdapter可以发现主要是实现onCreateViewHolder(ViewGroup parent, int viewType)和onBindViewHolder(RecyclerView.ViewHolder holder, int position)这两个方法。

所以在我们的父类中我们将这两个方法抽出来。onCreateViewHolders是创建我们的ViewHolder所以这里我们只需拿到布局的引用即可

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

ViewDataBinding binding = DataBindingUtil.inflate(
LayoutInflater.from(parent.getContext()),
getItemLayoutId(viewType),
parent,
false);

final RecyclerViewHolder holder = new RecyclerViewHolder(binding.getRoot());

holder.setBinding(binding);

if( null != myItemClickListener){
holder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
myItemClickListener.onItemClick(holder.itemView,holder.getLayoutPosition());
}
});
}

if( null != myItemLongClickListener){
holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
myItemLongClickListener.onItemLongClick(holder.itemView,holder.getLayoutPosition());
return true;
}
});
}

return holder;
}

onBindViewHolder()方法则主要是我们具体的操作。

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

RecyclerViewHolder recyclerViewHolder = (RecyclerViewHolder) holder;

switch (mMode){
case TYPE_NORMAL:
bindData(recyclerViewHolder,mData.get(position));
break;
case TYPE_CUSTOM:
bindData(recyclerViewHolder,mData.get(position));
bindCustomData(recyclerViewHolder,position,mData.get(position));
break;
}

}

在父类中其实并不用管这些，子类只需继承并实现以下几个方法

/**
* 布局引用
* @param viewType
* @return
*/
abstract public int getItemLayoutId(int viewType);

/**
* data bind Variable 引用
* @return
*/
abstract public int getVariableId();
/**
* 自定义操作
* @param holder
* @param position
* @param item
*/
abstract public void bindCustomData(RecyclerViewHolder holder,int position,T item);

/**
* 加载模式
* @return
*/
abstract public int getStartMode();

getItemLayoutId()这个方法子类实现并返回你的布局文件引用。

getVariableId()这个是返回你布局中使用data binding所命名的变量引用。

bindCustomData()在这个方法中，如果你的布局复杂，可以实现自己具体的事件。

getStartMode()这个方法返回的是你所选择加载的模式，如果你需要使用bindCustomData()这个方法，你不能返回0.

在这里我们还实现了统一的ViewHolder

public class RecyclerViewHolder extends RecyclerView.ViewHolder {

private ViewDataBinding binding;

public RecyclerViewHolder(View itemView) {
super(itemView);
}

public ViewDataBinding getBinding() {
return binding;
}

public void setBinding(ViewDataBinding binding) {
this.binding = binding;
}

}

RecyclerViewHolder中使用了data binding框架。具体使用可以查看链接。

具体例子：

public class UserAdapter extends RecyclerBaseAdapter<User> {

public UserAdapter(List<User> mData, Context mContext) {
super(mData, mContext);
}

@Override
public int getItemLayoutId(int viewType) {
return R.layout.main_item;
}

@Override
public int getVariableId() {
return BR.users;
}

@Override
public void bindCustomData(RecyclerViewHolder holder, int position, User item) {

}

@Override
public int getStartMode() {
return 0;
}
}

可以看到我们继承了RecyclerBaseAdapter实现了一个UserAdapter在这个方法中实现了上面所述的4个方法。

我们的User也很简单：

public class User {

private String name;
private String avatar;
private String age;

public User(){

}

public User(String name, String avatar, String age) {
this.name = name;
this.avatar = avatar;
this.age = age;
}

public String getAvatar() {
return avatar;
}

public void setAvatar(String avatar) {
this.avatar = avatar;
}

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
}

public String getAge() {
return age;
}

public void setAge(String age) {
this.age = age;
}

}

这有头像，名字，年龄

布局文件 main_item.xml

<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<data>
<variable
name="users"
type="com.red.allrecyclerdemo.models.User"/>

</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:orientation="horizontal">
<ImageView
android:layout_width="45dp"
android:layout_height="45dp"
android:scaleType="centerCrop"
app:error="@{@drawable/default_image}"
app:imageUrl="@{users.avatar}"/>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="5dp"
android:orientation="vertical">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="5dp"
android:text="@{users.name}" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{users.age}"/>

</LinearLayout>

</LinearLayout>
</LinearLayout>
</layout>

该布局文件显示我们的头像，姓名，年龄而已，做为一个例子也是够了。

然后查看我们的MainActivity.java

public class MainActivity extends AppCompatActivity {

private UserAdapter mAdapter;
private List<User> mUsers;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
mUsers = new ArrayList<User>();
setData();
mAdapter = new UserAdapter(mUsers,MainActivity.this);
//设置布局管理器
binding.recyclerView.setLayoutManager(new LinearLayoutManager(this));

binding.recyclerView.setAdapter(mAdapter);
}

private void setData(){

for(int i = 0; i < 10; i++){
User user = new User();
user.setAvatar("http://g.hiphotos.baidu.com/image/h%3D200/sign=4d3fabc3cbfc1e17e2bf8b317a91f67c/6c224f4a20a446230761b9b79c22720e0df3d7bf.jpg");
user.setName("小米" + i);
user.setAge(String.valueOf(i));
mUsers.add(user);
}
}
}

效果图：



Data Binding大大简化了我们的工作量，值得学习。

项目源码