DataBinding（一）：先用起来

最新推荐文章于 2025-06-03 21:29:52 发布

Errol_King

最新推荐文章于 2025-06-03 21:29:52 发布

阅读量867

点赞数

CC 4.0 BY-SA版权

分类专栏： Jetpack最全简析文章标签： DataBinding

本文链接：https://blog.csdn.net/u010356768/article/details/109498983

Jetpack最全简析专栏收录该内容

10 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了Android DataBinding库的使用，包括在Activity和Fragment中的应用。DataBinding简化了UI与数据的绑定，支持单向和双向绑定，减少了Activity中的代码，防止内存泄漏，并提供空值检测。通过在build.gradle中启用DataBinding，转换布局文件，声明数据变量，以及在Activity中设置布局，可以实现数据与视图的绑定。此外，文章还提及了在Fragment中的使用方法和设置默认值的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官方文档看起来

介绍

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

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

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

Activity 中使用 DataBinding

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

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

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

在这里插入图片描述
之后布局变成了这样

<?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);
        ActivityMainBinding binding = DataBindingUtil.setContentView(this,R.layout.activity_main);
        User user = new User("Errol","King");
        binding.setUser(user);
    }
}

系统会为每个布局文件生成一个绑定类。默认情况下，类名称基于布局文件的名称，它会转换为 Pascal 大小写形式并在末尾添加 Binding 后缀。以上布局文件名为 activity_main.xml，因此生成的对应类为 ActivityMainBinding

运行程序
在这里插入图片描述
==== 扩展 ====
如果掌握了上面的知识，我们可以学习另一种写法

ActivityMainBinding binding = ActivityMainBinding.inflate(getLayoutInflater());
User user = new User("Errol","King");
binding.setUser(user);
setContentView(binding.getRoot());

还可以设置默认值

android:text="@{user.firstName,default=Hello}"

fragment 中如何使用

我们在上边的基础上修改，修改 activity_main.xml 布局

<?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:id="@+id/tvUser"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.firstName,default=Hello}"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <fragment
            android:id="@+id/main_fragment"
            android:name="com.example.databindingapplication.MainFragment"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tvUser"/>

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

增加一个 fragment 标签，载入一个 MainFragment，它的布局是 fragment_main.xml，首先把 fragment_main.xml convert to data binding layout

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

    <data>

    </data>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainFragment">

        <TextView
            android:id="@+id/tvUser"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center" />

    </FrameLayout>
</layout>

然后修改 MainFragment 的代码

public class MainFragment extends Fragment {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        FragmentMainBinding binding = DataBindingUtil.inflate(inflater, R.layout.fragment_main, container, false);
        binding.tvUser.setText("Hello blank fragment");
        return binding.getRoot();
    }
}

运行程序
在这里插入图片描述
当然也可以这样写

FragmentMainBinding binding = FragmentMainBinding.inflate(inflater, container, false);
binding.tvUser.setText("Hello blank fragment");
return binding.getRoot();