DataBinding：解锁 Android 数据绑定的力量

2024-01-26 23:07:39

DataBinding 一瞥

在检阅他人的代码时，我经常被 DataBinding 相关代码所困扰，它们的含义晦涩难懂，让我抓耳挠腮。无奈之下，我决定潜心学习，至少要做到读懂别人代码的基本功。

添加依赖

首先，我们需要添加 DataBinding 依赖，这可以通过在项目的 build.gradle 文件中添加以下代码来实现：

dependencies {
    ...
    implementation 'androidx.databinding:databinding-runtime:X.Y.Z'
}

其中 X.Y.Z 为最新版本的 DataBinding 库。

入门

现在，我们对 DataBinding 有了一个基本的认识，让我们通过一个简单的示例来理解它的工作原理。假设我们有一个名为 User 的模型类：

public class User {
    private String name;
    private int age;
    ...
}

接下来，我们在布局文件中使用 DataBinding：

<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.databinding.User" />
    </data>

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:text="@{user.name}" />

    <TextView
        android:id="@+id/age"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:text="@{user.age}" />

</layout>

在这个布局文件中，我们声明了一个名为 user 的变量，它的类型为 com.example.databinding.User。然后，我们在 TextView 中使用 app:text 属性将变量绑定到 User 模型类的属性。

观察变化

DataBinding 的核心优势在于它的双向绑定特性。这意味着，当 User 模型类的属性值发生变化时，布局中的 TextView 会自动更新，反之亦然。这是通过 ObservableField 类实现的。

绑定列表

DataBinding 不仅适用于单个对象，还可用于绑定列表。假设我们有一个 UserList 的列表：

public class UserList {
    private ObservableArrayList<User> users;
    ...
}

我们可以通过在布局文件中使用 RecyclerView 来绑定 UserList：

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>
        <variable
            name="userList"
            type="com.example.databinding.UserList" />
    </data>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/user_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
        app:adapter="@{userList}" />

</layout>