简介
刚开始学 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，并开启视图绑定即可。
关联如下：
[图片上传失败...(image-52e99f-1603874806078)]
这样你的 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 也可以用，并没有过时，看你需求了，可用的类如下：
[图片上传失败...(image-f0cb8f-1603874806078)]
也许你会说，咦，好像没省掉多少代码啊，就省了 observe，这么一看的确没省掉多少，但是 DataBinding 的功能还不止于此。
最后
本文已收录GitHub，今天就分享到这里吧。
Android学习是一条漫长的道路，我们要学习的东西不仅仅只有表面的 技术，还要深入底层，弄明白下面的 原理，只有这样，我们才能够提高自己的竞争力，在当今这个竞争激烈的世界里立足。
常言：种一棵树最好的时间有两个，一个是十年前，另一个就是现在。
千里之行始于足下，愿你我共勉。
这里整合了很多底层原理的知识，还有我认为比较重要的学习方向和知识点，放在了我的GitHub，欢迎大家一起学习进步。
原文：https://juejin.im/post/6857815150565687303/#heading-4
来源：简书 imyyq_star
网友评论