Android Jetpack 之ViewBinding和DataBinding

黄林晴

发布于 2020-05-21 10:45:54

3.7K0

发布于 2020-05-21 10:45:54

文章被收录于专栏：代码男人代码男人

前言

Jetpack 是一套库、工具和指南，可帮助开发者更轻松地编写优质应用。

现在无论走到哪儿，如果Android开发者说自己不了解Jetpack，怕是会被人”鄙视“的看一眼，从今天开始，我会写一系列Jetpack的文章，让我们一起来学习强大的Jetpack吧。

ViewBinding

通过视图绑定，系统会为模块中的每个 XML 布局文件生成一个绑定类，通过绑定类，我们可以直接操作控件id，而不需要findViewById,这样我们可以避免控件id无效出现的空指针问题。

首先我们新建项目，新建MainActivity，对应的布局文件名为：activity_main，在模块的build.gradle中开启视图绑定：

viewBinding {
    enabled = true
}

编译后，系统会自动生成名为ActivityMainBinding，我们在activity_main.xml 添加一个文本框和一个按钮

<EditText
    android:id="@+id/ed_input"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

<Button
    android:id="@+id/btn_save"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="保存" />

接下来修改MainActivity中的代码

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    ActivityMainBinding activityMainBinding = ActivityMainBinding.inflate(LayoutInflater.from(this));
    setContentView(activityMainBinding.getRoot());
}

接下里我们就可以直接使用id对应的控件了

activityMainBinding.btnSave.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        String content = activityMainBinding.edInput.getText().toString();
        Toast.makeText(MainActivity.this, content, Toast.LENGTH_SHORT).show();
    }
});

运行结果如图

ViewBinding只是为了替代findViewById，优点就是空安全，不过有了kotlin-android-extensions之后，ViewBinding用的应该比较少了吧。

DataBinding

数据绑定简单的解释就是，之前我们需要通过获取控件通过控件设置数据，现在有了数据绑定我们可以直接在布局文件中直接绑定数据。

和ViewBinging一样使用前首先我们在build.gradle 中配置

dataBinding {
    enabled = true
}

新建Main2Activity，对应布局如下：

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Main2Activity">

</layout>

使用数据绑定的xml文件根布局必须是layout标签，我们新建一个User类，有姓名和性别字段

public class User {
    ....
    private String userName;
    private String userGender;
    ....
}

首先通过data标签导入要绑定的数据

<data>
    <variable
        name="user"
        type="com.example.jetpackdemo.bean.User" />
</data>

我们在xml中加入两个textView用来显示用户姓名和性别

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@{user.userName}"
        android:textSize="17sp" />


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@{user.userGender}"
        android:textSize="17sp" />
</LinearLayout>

通过@{}的引用方式设置数据

在Main2Activity中通过如下方法设置数据源：

ActivityMain2Binding activityMain2Binding = DataBindingUtil.setContentView(this, R.layout.activity_main2);
User user = new User("黄林晴", "男");
activityMain2Binding.setUser(user);

运行程序如下所示：

如果我们现在把性别改为null，则性别会直接不显示

如果我们现在要求当性别为null的时候显示“未设置”要怎么做呢,我们可以在xml中进行判断

在data标签下导入TextUtil

<import type="android.text.TextUtils" />

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text='@{TextUtils.isEmpty(user.userGender)? "未设置": user.userGender}'
    android:textSize="17sp" />

运行结果如下图所示

除了数据绑定外，还有监听事件绑定等，就不详细举例了。我们当前做的是静态数据绑定，很多时候我们都需要动态绑定，那么如何在数据变化的时候自动更新呢？

使用可观察的数据对象

可观察字段

可观察数据类型类型如下：

修改User类字段属性如下：

public class User {

    public final ObservableField<String> userName = new ObservableField<>();
    public final ObservableField<String> userGender = new ObservableField<>();

}

注意这里必须定义为final类型，在Main2Activity中如下所示：

ActivityMain2Binding activityMain2Binding = DataBindingUtil.setContentView(this, R.layout.activity_main2);
User user = new User();
user.userName.set("黄林晴-初始值");
user.userGender.set("男");
activityMain2Binding.setUser(user);

运行结果如下所示：

接下来我们添加一个按钮在按钮中重新设置user中的数据

btnChanged = findViewById(R.id.btn_change);
btnChanged.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        user.userName.set("黄林晴-改变后的值");
    }
});

点击按钮，运行结果如下所示：

如此一来数据变化的时候我们控件上的数据也就可以变化了

可观察集合

可观察集合常用于动态数据结构，使用ObservableArrayMap访问键值类似HashMap中的数据访问，这里不做介绍了。

可观察对象

和可观察数据字段和集合相比，我们最喜欢的应该是可观察对象了，这样我们我们不需要受原有访问数据方法的限制

public class User extends BaseObservable {

    private String userName;
    private String userGender;

    public User(String userName, String userGender) {
        this.userName = userName;
        this.userGender = userGender;
    }

    @Bindable
    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
        notifyPropertyChanged(BR.userName);

    }

    @Bindable
    public String getUserGender() {
        return userGender;
    }

    public void setUserGender(String userGender) {
        this.userGender = userGender;
        notifyPropertyChanged(BR.userGender);
    }
}

我们让User类继承自BaseObservable，使用Bindable注解注册通知，当值改变的时候通过notifyPropertyChanged()发送通知，为BR 类是数据绑定生成的一个用于数据绑定的资源的 ID的类。在Main2Activity中同样的设置初始值，点击按钮改变值

ActivityMain2Binding activityMain2Binding = DataBindingUtil.setContentView(this, R.layout.activity_main2);
User user = new User("黄林晴-可变对象", "男");
activityMain2Binding.setUser(user);
btnChanged = findViewById(R.id.btn_change);
btnChanged.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        user.setUserName("黄林晴-数据更新");
    }
});

运行后点击按钮结果如下：