Android开发必看：一文教你完全理解DataBinding框架（上）真香

最新推荐文章于 2024-06-26 09:50:55 发布

Android开发骆驼

最新推荐文章于 2024-06-26 09:50:55 发布

阅读量596

点赞数

文章标签： android 移动开发 DataBinding框架

原文链接：https://juejin.im/post/6857815150565687303/#heading-4

版权

简介

刚开始学 DataBinding 的时候，并没有太多框架架构的意识，学了发现，这都啥跟啥，为什么要这么麻烦呢？于是就一直没有用上。

后来在我真正领会了它的用法后，结合 MVVM 框架，发现用起来真的省事很多。

它被人嫌弃的原因是因为有一定的门槛，而且错误提示不够友好，我在封装了 MVVMArchitecture 框架后，一直在公司内部推 DataBinding，希望大家用起来，但是事与愿违的是，你可以让大家用，但是不能期望大家用的好，这是很无奈的事情。

本文就如何使用 DataBinding ，以及如何在 MVVMArchitecture 框架中使用做一个解释，当你学会后，相信我，你会爱上 DataBinding 的。

DataBinding 简单来说它是一个数据绑定框架，可以帮你把数据（M）和视图（V）绑定起来，当数据改变时，视图自动更改，当视图被改变时，数据也会相应更改。原理简单来说其实就是通过工具帮你把绑定生成对应的代码，而且生命周期安全，不会内存泄露。

可能 AS 会有提示一些奇奇怪怪的错误，如果是可以正常运行的那种错误提示，可无需理会，比如 BR 类报红色，xml 中的红色提示等，不过也不多，别一提示错误就被吓跑了。

1、MVVMArchitecture 框架对 DataBinding 的封装

框架地址：MVVMArchitecture。
首先你的 Activity 必须继承自框架的 DataBindingBaseActivity，告知框架对应的 layout 文件和 ViewModel 类，如下：

class MainActivity : DataBindingBaseActivity<ActivityMainBinding, MainViewModel>(
    R.layout.activity_main, BR.viewModel
) {
    override fun initParam() {
    }

    override fun initViewObservable() {
    }

    override fun initData() {
        super.initData()
    }
}

对应的 MainViewModel 如下：

class MainViewModel(app: Application) : BaseViewModel<BaseModel>(app) {
}

对应的 xml 如下：

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

    <data>

        <!--
        声明变量，通常有 vm 的界面，都需要声明对应的 vm 变量
        在构造界面时把该变量传给 BaseXXXX
        -->
        <variable
            name="viewModel"
            type="com.imyyq.sample.MainViewModel"
            />
    </data>

    <LinearLayout
        android:id="@+id/linear"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity"
        >
    </LinearLayout>
</layout>

使用 layout 标签包裹后，会自动生成 ActivityMainBinding 类，在 xml 中使用 variable 标签声明了 viewModel 变量后，会自动生成 BR.viewModel，于是，一个 Activity 就搭建完成了。

框架会自动让你的 Activity 拥有两个变量：mBinding，mViewModel，对应 R.layout.activity_main 生成的 ActivityMainBinding 和 MainViewModel。并且让 xml 的 viewModel 也是 MainViewModel 的实例变量。

根据 Id，mBinding 会自动生成 linear 变量，无需再 findViewById 了。注意：如果你只是想解决 findViewById，而不想使用 DataBinding，可继承自 ViewBindingBaseActivity，并开启视图绑定即可。

关联如下：

这样你的 xml 就和 ViewModel 类绑定起来了，xml 就是你的界面，在界面中的操作，可以通过 viewModel 变量流向 ViewModel 类，ViewModel 中的数据要显示在界面上，可以通过 LiveData 或 ObservableXxxx。

可能你的 VM 不止一个 MainViewModel，那么就需要自己手动增加了，如下：

class MainActivity : DataBindingBaseActivity<ActivityMainBinding, MainViewModel>(
    R.layout.activity_main, BR.viewModel
) {
    // 除了主 vm，还可以有其他的 vm，来自 fragment-ktx 的 viewModels 扩展，可快速一行代码创建实例
    private val mTestViewModel by viewModels<TestViewModel>()

    override fun initData() {
        super.initData()
        // 关联
        mBinding.setVariable(BR.testViewModel, mTestViewModel)
        // 或者是这样：
        // mBinding.testViewModel = mTestViewModel
    }
}

xml 如下：

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

    <data>
        <variable
            name="viewModel"
            type="com.imyyq.sample.MainViewModel"
            />

        <variable
            name="testViewModel"
            type="com.imyyq.sample.TestViewModel"
            />
    </data>

    ....
</layout>

上面已经将 V 和 VM 结合起来了，为啥叫 MVVM 框架呢？因为 M 是 Model 数据层，V 是 View 视图层，VM 是 ViewModel 业务逻辑层。

2、没有 DataBinding 前的世界

在没有 DataBinding 前，也许你的代码是这样的，我们举个例子：执行一个耗时操作后将结果显示在界面上。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity"
    >

    <TextView
        android:id="@+id/tv_msg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
</LinearLayout>

因为没有使用 DataBinding，我们就开启 ViewBinding 并继承自 ViewBindingBaseActivity，如何开启 ViewBinding 请自行搜索。

class MainActivity : ViewBindingBaseActivity<ActivityMainBinding, MainViewModel>() {
    override fun initViewObservable() {
        // 监听 LiveData
        mViewModel.mMutableLiveData.observe(this, Observer {
            mBinding.tvMsg.text = it
        })
    }

    override fun initData() {
        super.initData()
        // 开始加载数据
        mViewModel.loadData()
    }

    // 必须复写此方法提供 Binding 实例
    override fun initBinding(inflater: LayoutInflater, container: ViewGroup?) =
        ActivityMainBinding.inflate(inflater)
}


class MainViewModel(app: Application) : BaseViewModel<BaseModel>(app) {

    val mMutableLiveData = MutableLiveData<String>()

    fun loadData() {
        // 显示加载中对话框
        showLoadingDialog()

        // 协程
        launchUI {
            // 模拟耗时操作
            delay(2000)

            // 结果
            mMutableLiveData.value = "我是结果"

            // 隐藏对话框
            dismissLoadingDialog()
        }
    }

}

以上通过监听 LiveData，这样 VM 就可以把结果给到 Activity 显示了。

3、有了 DataBinding 后的世界

先把布局用 layout 标签包裹。

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

    <data>
        <variable
            name="viewModel"
            type="com.imyyq.sample.MainViewModel"
            />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity"
        >

        <!-- 再指定 view 的属性 text 要绑定哪个变量 -->
        <TextView
            android:id="@+id/tv_msg"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{viewModel.MMutableLiveData}"
            />
    </LinearLayout>
</layout>

DataBinding 绑定都是类似于 android:text="@{viewModel.MMutableLiveData}" 这样的 @{} 结构。如此一来，text 属性就和 viewModel.mMutableLiveData 变量绑定了，当 mMutableLiveData 发生变化，text 就会自动变化。

其中如果变量开头只有一个小写字母，比如 mMutableLiveData，那么 DataBinding 会自动把该字母变成大写，所以在 xml 中使用才会是 viewModel.MMutableLiveData，当如果变量是 mmMutableLiveData 这种两个小写字母以上的，则不会将首字母大写。

class MainActivity : DataBindingBaseActivity<ActivityMainBinding, MainViewModel>(
    R.layout.activity_main, BR.viewModel
) {
    override fun initData() {
        super.initData()
        // 开始加载数据
        mViewModel.loadData()
    }
}

这样就不需要你手动 observe 了，也不需要手动调用 setText 方法，而且还是生命周期安全的。

DataBinding 从 AS 3.1 一开始支持 LiveData，要响应 LiveData，还需要进行一个步骤，那就是调用：

mBinding.lifecycleOwner = this

这样才可以正确响应 LiveData，框架已经帮你做了这一步了，所以放心的去使用 LiveData 吧。

如果不加这一步，就得将 MutableLiveData 换成 ObservableField，一样是可以的，ObservableField 是 LiveData 没出来前使用的，有了 LiveData 就不需要 ObservableXxxx 了，LiveData 更好用，当然，ObservableXxxx 也可以用，并没有过时，看你需求了，可用的类如下：

也许你会说，咦，好像没省掉多少代码啊，就省了 observe，这么一看的确没省掉多少，但是 DataBinding 的功能还不止于此。

最后

Android学习是一条漫长的道路，我们要学习的东西不仅仅只有表面的技术，还要深入底层，弄明白下面的原理，只有这样，我们才能够提高自己的竞争力，在当今这个竞争激烈的世界里立足。

千里之行，始于足下，愿你我共勉。

这里整合了很多底层原理的知识，还有我认为比较重要的学习方向和知识点，放在了我的GitHub，欢迎大家一起学习进步。

本次就分享到这里，下篇见。

Android开发骆驼

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
Android开发必看：一文教你完全理解DataBinding框架（上）真香

简介刚开始学 DataBinding 的时候，并没有太多框架架构的意识，学了发现，这都啥跟啥，为什么要这么麻烦呢？于是就一直没有用上。后来在我真正领会了它的用法后，结合 MVVM 框架，发现用起来真的省事很多。它被人嫌弃的原因是因为有一定的门槛，而且错误提示不够友好，我在封装了 MVVMArchitecture 框架后，一直在公司内部推 DataBinding，希望大家用起来，但是事与愿违的是，你可以让大家用，但是不能期望大家用的好，这是很无奈的事情。本文就如何使用 DataBinding ，以及如
复制链接

扫一扫