Android Data Binding实战

来源：互联网发布：java编码哪个是中文的编辑：程序博客网时间：2024/06/06 00:22

本文介绍使用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

0 0