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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
*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数据

1
2
3
4
5
6
7
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要好的多了,但是还是可以确定的是里面有很多的样板代码。我们可以通过使用在布局内的数据绑定表达式进行指派,用来让我们摆脱这样的样板代码。

##分配变量

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?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」使用,所以你必须要这样的声明。

1
2
3
4
5
6

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就在他们自己的布局中:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
*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变量可以在外层布局中这么去被声明:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?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(四):事件监听
-------------The End-------------
请我喝一杯啤酒~