Jetpack数据绑定DataBinding，你学会了吗？

DataBinding

DataBinding是一种在软件开发中常用的技术，它用于将数据模型与用户界面进行绑定。通过DataBinding，我们可以实现数据的自动更新和双向绑定，使得数据的变化能够自动反映在界面上，同时用户对界面的操作也能够自动更新到数据模型中。

在Android开发中，DataBinding是一种用于将布局文件中的视图与数据模型进行绑定的技术。通过在布局文件中使用特定的语法，我们可以将视图的属性与数据模型中的字段或方法进行绑定，从而实现数据的展示和交互。

使用DataBinding可以简化代码的编写，提高开发效率。它可以减少findViewById和setText等繁琐的操作，同时也可以避免因为手动更新数据而导致的界面与数据不一致的问题。

通过使用DataBinding，我们可以更方便地管理界面与数据之间的关系，提高代码的可读性和可维护性。同时，它也提供了更灵活的方式来处理界面的展示和交互。

DataBinding使用

在Android项目中使用DataBinding，需要在项目的build.gradle文件中添加DataBinding的依赖，并在布局文件中使用标签来声明数据模型。然后可以使用@{}语法将布局中的视图与数据模型中的属性进行绑定。

在app模块的build.gradle文件中，添加以下插件依赖：

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

android {
    ...
    buildFeatures {
      dataBinding true
    }
}

以下是一个简单的示例，展示了如何在Android中使用DataBinding：

<!-- activity_main.xml -->
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="user"
            type="com.example.User" />
    </data>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.name}" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Update"
            android:onClick="@{() -> user.updateName()}" />
    </LinearLayout>
</layout>

// MainActivity.java
public class MainActivity extends AppCompatActivity {
    private User user;

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

// User.java
public class User {
    private String name;

    public User(String name) {
        this.name = name;
    }

    public String getName() {
        return name;
    }

    public void updateName() {
        name = "NewName";
    }
}

在上述示例中，布局文件activity_main.xml中使用了DataBinding的语法来绑定TextView的文本和Button的点击事件。在MainActivity中，通过DataBindingUtil类的setContentView方法将布局文件与Activity进行绑定，并将User对象传递给布局文件。

当点击Button时，会调用User对象的updateName方法，更新name属性的值。由于TextView与name属性进行了绑定，所以TextView的文本会自动更新为新的值。

在Fragment中使用

在Fragment的布局文件中，使用标签将布局文件包裹起来，并设置data标签来定义数据绑定的变量和表达式。例如：

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="viewModel"
            type="com.example.ViewModel" />
    </data>
    
    <!-- Fragment的布局内容 -->
    ...
</layout>

在Fragment中，使用DataBindingUtil类的inflate方法来加载布局文件，并获取到绑定的实例。例如：

public class MyFragment extends Fragment {
    private MyFragmentBinding binding;
    private ViewModel viewModel;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        binding = DataBindingUtil.inflate(inflater, R.layout.fragment_my, container, false);
        View view = binding.getRoot();

        // 初始化ViewModel
        viewModel = new ViewModel();

        // 绑定ViewModel到布局文件
        binding.setViewModel(viewModel);

        return view;
    }
}

通过binding对象来访问布局文件中定义的变量和表达式。例如，可以通过binding.viewModel来访问ViewModel中的数据和方法。就可以在Fragment中使用DataBinding来实现数据绑定了。

在Adapter中使用

在Adapter中使用DataBinding可以方便地将数据绑定到RecyclerView中的每个Item视图上。在RecyclerView的Adapter中创建一个内部类ViewHolder，并使用DataBinding来绑定Item视图的布局文件。在ViewHolder中，我们可以使用DataBinding的方式来获取布局文件中的各个View，并将数据绑定到这些View上。

class MyAdapter(private val dataList: List<Data>) : RecyclerView.Adapter<MyAdapter.ViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val inflater = LayoutInflater.from(parent.context)
        val binding: ItemLayoutBinding = DataBindingUtil.inflate(inflater, R.layout.item_layout, parent, false)
        return ViewHolder(binding)
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        val data = dataList[position]
        holder.bind(data)
    }

    override fun getItemCount(): Int {
        return dataList.size
    }

    inner class ViewHolder(private val binding: ItemLayoutBinding) : RecyclerView.ViewHolder(binding.root) {

        fun bind(data: Data) {
            binding.data = data
            binding.executePendingBindings()
        }
    }
}

在上述代码中，ItemLayoutBinding是根据布局文件item_layout.xml自动生成的Binding类。我们可以通过DataBindingUtil.inflate()方法来获取到这个Binding对象，并将其传递给ViewHolder。

在ViewHolder的bind()方法中，我们将数据对象data绑定到Binding对象上，并调用executePendingBindings()方法来立即更新UI。

最后，在Activity或Fragment中，我们可以使用这个Adapter来设置RecyclerView的Adapter：

val adapter = MyAdapter(dataList)
recyclerView.adapter = adapter

每个Item视图都会根据数据对象的变化而自动更新。

include标签的使用

在使用DataBinding时，可以通过include标签来重用布局文件。include标签可以将一个布局文件包含到另一个布局文件中，实现布局的复用。给include标签添加id，在 DataBinding中可以直接使用。

<include
    android:id="@+id/includeData"
    layout="@layout/layout_include_data_item"/>

binding.includeData.includeTvTitle.setText("")

ViewStub标签的使用

给ViewStub标签添加id, 在DataBinding中可以直接使用 id。

<ViewStub
    android:id="@+id/stub"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout="@layout/view_stub" />

binding.stub.setOnInflateListener { stub, inflated ->
    // DataBinding
    val dataViewStub: ViewStubDataBinding = DataBindingUtil.bind(inflated)!!
    dataViewStub.tvTitle.setText("使用 ViewStub 加载 DataBinding 布局")
}
            
if (!binding.stub.isInflated) {
    binding.stub.viewStub!!.inflate()
}

DataBinding是一种用于将布局文件中的视图与数据模型进行绑定的技术。通过在布局文件中使用特定的语法，我们可以将视图的属性与数据模型中的字段或方法进行绑定。当数据模型发生变化时，视图会自动更新，反之亦然。

使用DataBinding可以减少手动编写findViewById()和setText()等繁琐的代码，提高开发效率。同时，它还可以减少因为视图和数据模型不同步而导致的bug，提高代码的可靠性。

DataBinding是一种方便而强大的技术，可以简化Android开发中的视图和数据模型的绑定过程，提高开发效率和代码的可维护性。

DataBinding

DataBinding使用

在Fragment中使用

在Adapter中使用

include标签的使用

ViewStub标签的使用

Recommend

八分钟了解一致性算法 -- Raft算法

现代 IT 人一定要知道的 Ansible系列教程：Ansiable配置

我愿称之为开源界最好用的行为验证码

2023年中国商贸零售企业ESG观察报告

es结构设计的几种优化方式

从 ECMAScript 6 角度谈谈执行上下文

Vue3 Element-Plus：一站式解决动态表单问题，你值得拥有！

最全总结，数据分析的标准流程，收藏！

JVM 21 调优指南：如何进行JVM调优，JVM调优参数

GitFlow 代码管理模型实战

About Joyk