Data-Binding(三):让View-Id不再那么必要

你是否有在看别人的布局时候,然后想「这些值哪里进行的get&set」。或者你觉得消除findViewById是伟大的第一步,但是这里还是有很多的样板代码。Android Data Binding 使得这些事情变得简单。

使用ViewHolder模式

比方说我想在我们的应用程序中展示用户的信息。在不要再使用findViewById,我展示了通过AS生成一个ViewHolder模式的类,布局文件如下:

*user_info.xml*
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        <ImageView
                android:id="@+id/userImage"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
        <TextView
                android:id="@+id/userFirstName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>

        <TextView
                android:id="@+id/userLastName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
    </LinearLayout>
</layout>

然后我在view中set数据

private void setUser(User user, ViewGroup root) {
    UserInfoBinding binding =
        UserInfoBinding.inflate(getLayoutInflater(), root, true);
    binding.userFirstName.setText(user.firstName);
    binding.userLastName.setText(user.lastName);
    binding.userImage.setImageBitmap(user.image);
}

虽然这样已经比全部都使用findViewById要好的多了,但是还是可以确定的是里面有很多的样板代码。我们可以通过使用在布局内的数据绑定表达式进行指派,用来让我们摆脱这样的样板代码。

分配变量

首先,我添加了一个数据的标签和相关联的变量绑定表达式。接着,在表达式中的变量需要在布局中设置的属性:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="user"
            type="com.example.myapp.model.User"/>
    </data>
    <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        <ImageView
                android:src="@{user.image}"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
        <TextView
                android:text="@{user.firstName}"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>

        <TextView
                android:text="@{user.lastName}"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
    </LinearLayout>
</layout>

这些绑定的表达式标签,通过使用「@{……}」的格式标记出来。上面的表达式直接在布局的源文件分配了用户的头像,姓和名,所以你可以保存这样的样板。但是它还是没法知道到底是哪一个「User」使用,所以你必须要这样的声明。


private void setUser(User user, ViewGroup root) {
    UserInfoBinding binding =
        UserInfoBinding.inflate(getLayoutInflater(), root, true);
    binding.setUser(user);
}

超级简单!

你可以看到上面的布局中的Views已经不再有IDs了。但是为何我们要试图去生成一个ViewHolder呢?因为数据是直接的绑定到了Views上了,没有必要通过单独的Views访问!仅仅只需要设置变量就可以了,其他的全部就完成了。

这样也大大的降低了犯错的几率。若例如,你在你的布局中没有用户的头像字段,你不用在去检查是否存在控件ImageView。绑定的表达式可以计算出每个布局和ImageView是否存在,所以并没有代码去更新一个ImageView控件。

这并不意味着ViewHolder的使用方法过时了。在目前有些时候,你希望直接访问Views,并且拥有字段将是得心应手的。这将只是比以前少了很多。

Included Layouts

所以,对于内嵌的布局怎么处理?他们照常工作,就如同Data Binding-include标签使用中ViewHolder模式一样。例如,用户的名称这个TextView就在他们自己的布局中:

*user_name.xml*

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
                name="user"
                type="com.example.myapp.model.User"/>
    </data>

    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal">
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@{user.firstName}"/>

        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@{user.lastName}"/>
    </LinearLayout>
</layout>

user变量可以在外层布局中这么去被声明:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">
    <data>
        <variable
                name="user"
                type="com.example.myapp.model.User"/>
    </data>
    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
        <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@{user.image}"/>
        <include
                layout="@layout/user_name"
                app:user="@{user}"/>
    </LinearLayout>
</layout>

不论何时user被分配的时候(就如之前binding.setUser(...)一样),内层被包含的布局中user变量也会被设置好,因为「app:user="

@{user}"」这个表达式。注意,同样的,由于没有需要直接访问的views(我并没有为这两个TextViews设置IDs),不存在ID在标签中。

展望未来

我将继续的慢慢介绍安卓的数据绑定,这样你可以将其融入到你的应用中而不用做出巨大变化。也许你可以在你的团体中得到很多转变,而不是冲突的代码审查阶段,谁都不知道你在做什么。如果你想获得更好的学习,请随时阅读官方资料Data Binding Guide.

原始文章地址


历史文章记录:

  1. Data-Binding(一):别在使用FindViewById()了
  2. Data-Binding(二):include标签的使用
  3. Data-Binding (三):让View-Id不再那么必要
  4. [Data Binding(四):事件监听](https://domon.cn/2016/12/13/android_data_binding_a_big_event/