Android Data Binding实战

本文介绍使用Android Data Binding技术，结合NBA API，在RecycleView中展示NBA列表。



代码实现

我根据MVVM(Model-View-ViewModel的顺序介绍代码实现。

Model层

Model层我定义了一个Nba类，要获得通知UI更新的功能，需要继承BaseObservable类；如果要能被View绑定，需要在get方法上添加@Bindable标注，同时在set方法中要调用notifyPropertyChanged(BR.title)方法通知View更新。

BR类会根据@Bindable标注自动生成

public class Nba extends BaseObservable {

private String contentType;
private String description;
private String title;
private int articleId;
private String contentSourceName;
private String articleUrl;
private String type;
private String sourceType;
private List<String> imgUrlList;

public String getContentType() {
return contentType;
}

public void setContentType(String contentType) {
this.contentType = contentType;
}
@Bindable
public String getDescription() {
return description;
}

public void setDescription(String description) {
this.description = description;
notifyPropertyChanged(BR.description);
}
@Bindable
public String getTitle() {
return title;
}

public void setTitle(String title) {
this.title = title;
notifyPropertyChanged(BR.title);
}

public int getArticleId() {
return articleId;
}

public void setArticleId(int articleId) {
this.articleId = articleId;
}

public String getContentSourceName() {
return contentSourceName;
}

public void setContentSourceName(String contentSourceName) {
this.contentSourceName = contentSourceName;
}

public String getArticleUrl() {
return articleUrl;
}

public void setArticleUrl(String articleUrl) {
this.articleUrl = articleUrl;
}

public String getType() {
return type;
}

public void setType(String type) {
this.type = type;
}

public String getSourceType() {
return sourceType;
}

public void setSourceType(String sourceType) {
this.sourceType = sourceType;
}
@Bindable
public List<String> getImgUrlList() {
return imgUrlList;
}

public void setImgUrlList(List<String> imgUrlList) {
this.imgUrlList = imgUrlList;
notifyPropertyChanged(BR.imgUrlList);
}
....

}

View层

需要在布局文件中使用layout作为最外层布局，同时在其中的data区域中声明一个nba变量，并指定类型为我们在Model中定义的Nba类。

在View中使用@{Nba.title}这样的表达式, 将变量进行绑定。

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<data>
<variable
name="nba"
type="shineloading.hansheng.com.nbadatabinding.model.Nba" />
</data>
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/card_margin"
android:layout_marginLeft="@dimen/card_margin"
android:layout_marginRight="@dimen/card_margin"
android:clickable="true">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal"
android:padding="12dp">
<ImageView
android:id="@+id/ivNews"
android:layout_width="86dp"
android:layout_height="60dp"
android:scaleType="centerCrop" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="8dp"
android:orientation="vertical">

<TextView
android:id="@+id/tvTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:singleLine="true"
android:text="@{nba.title}"
android:textAppearance="@style/TextAppearance.AppCompat.Title"
android:textColor="@color/primary_text"
android:textSize="@dimen/sn_16sp" />

<TextView
android:id="@+id/tvDesc"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:maxLines="2"
android:text="@{nba.description}"
android:textColor="@color/secondary_text"
android:textSize="@dimen/sn_12sp" />
</LinearLayout>
</LinearLayout>
</android.support.v7.widget.CardView>
</layout>

ViewModel层

定义好了Model和View之后，需要把两者连起来，当Model的数据变化后，自动更新View。

Android Data Binding中的ViewModel是根据layout自动生成的Binding类，如果layout的名称是nba_item.xml，生成的Binding类名称就是NbaItemBinding。

创建Binding类在RecyclerView的Adapter的onCreateViewHolder中创建Binding类

NbaItemBinding binding = DataBindingUtil.inflate(LayoutInflater.from(parent.getContext()),  R.layout.nba_item, parent, false);

设置变量值在onBindViewHolder中设置layout中定义的movie变量值

Nba mnba= nba.get(position);
holder.binding.setVariable(shineloading.hansheng.com.nbadatabinding.BR.nba, mnba);
holder.binding.executePendingBindings();

显示图片使用Glide显示图片，ivNews是NbaItemBinding根据ImageView的id自动生成的

Glide.with(NbaActivity.this)
.load(img.get(0))
.fitCenter()
.into(holder.binding.ivNews);

Github

代码已经发布到Github，源码地址：NBADataBinding