DataBinding 详解

程序员文章站 2022-04-30 20:41:36

...

文章目录

介绍
使用DataBinding

介绍

DataBinding是一个支持库，顾名思义：数据绑定，它可以将布局页面中的组件与应用中的数据绑定，它支持单向绑定与双向绑定，所谓单向绑定是指数据的变化会驱动页面的变化。而双向绑定除此之外还支持页面的变化驱动数据的变化，比如页面中有一个 EditText，数据的变化可以改变它的显示内容，我们输入的内容也可以改变绑定的数据

DataBinding 能够省去我们一直以来的 findViewById() 步骤，大量减少 Activity 内的代码，数据能够单向或双向绑定到 layout 文件中，有助于防止内存泄漏，而且能自动进行空检测以避免空指针异常

DataBinding只是一种工具，它解决的是View和数据之间的绑定

使用DataBinding

1、启用 DataBinding 的方法是在对应 Model 的 build.gradle 文件里加入以下代码

android {
    ...
    dataBinding {
        enabled = true
    }
}

2、在布局文件中，选中根布局的View，按住 Alt + 回车键，点击Convert to data binding layout，转换成 DataBinding 布局（注意：上一步加上代码后，sync 一下build.gradle，否则这里 Alt+Enter 就没有那个选项了！！）

DataBinding 详解
之后布局变成了这样

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>

    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello World!"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

转换后的布局，最外层变成了layout元素，里面包裹了data元素和常规的布局元素。data元素用来声明在此布局用使用到的变量以及变量的类型

3、首先声明一个 User 实体类

public class User {
    public final String firstName;
    public final String lastName;

    public User(String firstName, String lastName) {
        this.firstName = firstName;
        this.lastName = lastName;
    }
}

4、我们将刚才的布局改成

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto">

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

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.firstName}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

可以看到我们在 data 标签里声明要使用到的变量名、类的全路径

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

布局中的表达式使用@{}语法写入特性属性中。在这里，TextView 文本被设置为 user 变量的 firstName 属性：

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

5、之后可以在 Activity 中通过 DataBindingUtil 设置布局文件，省略原先 Activity 的 setContentView() 方法

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ActivityMainBinding binding = DataBindingUtil.setContentView(this,R.layout.activity_main);
        User user = new User("Errol","King");
        binding.setUser(user);
    }
}