本文介绍使用Android Data Binding技术,结合豆瓣电影搜索API,在RecycleView中展示电影列表。
我根据 MVVM(Model-View-ViewModel) 的顺序介绍代码实现。
Model层我定义了一个 Movie 类,要获得通知UI更新的功能,需要继承 BaseObservable 类;
如果要能被View绑定,需要在get方法上添加 @Bindable 标注,同时在set方法中要调用 notifyPropertyChanged(BR.title) 方法通知View更新。
BR类会根据 @Bindable 标注自动生成
public class Movie extends BaseObservable {
private String id;
private String title;
private String original_title;
private String year;
private Images images;
private Rating rating;
@Bindable
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
notifyPropertyChanged(BR.title);
}
@Bindable
public String getDescription() {
return this.original_title + "/n" + this.getYear();
}
public void setOriginal_title(String original_title) {
this.original_title = original_title;
notifyPropertyChanged(BR.description);
}
public void setYear(String year) {
this.year = year;
notifyPropertyChanged(BR.description);
}
...
}
我定义了一个getDescription方法,将original_title和year组合在一起,
在View层也能进行绑定,getDescription相关的字段值发生变化后,
需要在set方法中调用 notifyPropertyChanged 通知View更新内容。
需要在布局文件中使用 layout 作为最外层布局,同时在其中的 data 区域中声明一个movie变量,
并指定类型为我们在Model中定义的 Movie 类。
在View中使用@{movie.title}这样的表达式, 将变量进行绑定。
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<data>
<variable
name="movie"
type="com.aswifter.databinding.model.Movie" />
</data>
...
<ImageView
android:id="@+id/ivMovie"
android:layout_width="109dp"
android:layout_height="135dp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@{movie.title}"
android:textAppearance="@style/TextAppearance.AppCompat.Title"
android:textColor="@color/primary_text" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="2dp"
android:text="@{movie.description}"
android:textColor="@color/secondary_text" />
<RatingBar
style="@android:style/Widget.DeviceDefault.Light.RatingBar.Small"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:numStars="10"
android:rating="@{movie.rating.average}"
android:stepSize="0.5" />
</LinearLayout>
...
</layout>
定义好了Model和View之后,需要把两者连起来,当Model的数据变化后,自动更新View。
Android Data Binding中的ViewModel是根据layout自动生成的Binding类,
如果layout的名称是 movie_item.xml ,生成的Binding类名称就是MovieItemBinding。
创建Binding类在RecyclerView的Adapter的onCreateViewHolder中创建Binding类
MovieItemBinding binding = DataBindingUtil.inflate(LayoutInflater.from(parent.getContext()),
R.layout.movie_item, parent, false);
设置变量值在onBindViewHolder中设置layout中定义的movie变量值
Movie movie = mMovies.get(position);
holder.binding.setVariable(com.aswifter.databinding.BR.movie, movie);
holder.binding.executePendingBindings();
显示图片使用Glide显示图片,ivMovie是MovieItemBinding根据ImageView的id自动生成的
Glide.with(MovieActitiviy.this)
.load(movie.getImages().getMedium())
.fitCenter()
.into(holder.binding.ivMovie);
可以阅读以下文章:
Android中的Data Binding初探 (一)
Android中的Data Binding初探 (二)
Android中的Data Binding初探 (三)
代码已经发布到Github,
源码地址: AndroidDataBindingExample