Data-Binding(三):让View-Id不再那么必要
使用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.
历史文章记录: