之前一直把ViewBinding当成了DataBinding,直到最近的学习中才发现他们不是一个东西。于是写下这篇笔记帮助理解和区分他们俩。
一、ViewBinding
1.什么是ViewBinding
先来看看官方是怎么说的。
通过视图绑定功能,您可以更轻松地编写可与视图交互的代码。在模块中启用视图绑定之后,系统会为该模块中的每个 XML 布局文件生成一个绑定类。绑定类的实例包含对在相应布局中具有 ID 的所有视图的直接引用。
在大多数情况下,视图绑定会替代
findViewById
来源:视图绑定 | Android 开发者 | Android Developers (google.cn)
在刚接触Android的时候,获取布局里的一个组件是通过findViewById去获取的。比如获取一个Button,那么写法就是
val btn: Button = findViewById(R.id.btn)
于是当组件很多的时候,就需要大量的用findViewById
来获取,这是很繁琐的。然后在学习郭霖老师的《第一行代码时》,郭神书里提到了kotlin-android-extensions
这个插件。该插件能够帮我们省去findViewById,在用Kotlin写的时候可以直接通过视图组件的Id来获取。
比如视图里有一个id为btn
的Button组件,那么在Acitivy中就会有一个btn变量。这个插件帮我们简化了上面的步骤。
但是这个插件很快就被Google废弃了,在AndroidStudio中引入会出现警告。
取而代之的则是ViewBinding。
而Viewbinding就是会给每一个xml布局生成一个对应的binding类。比如activity_main.xml布局,就会生成一个ActivityMainBinding类。
2.怎么使用ViewBinding
想要使用ViewBinding,首先需要在build.gradle里加入配置。
android { ... buildFeatures { viewBinding true }}
然后创建一个MainActivity,并写下布局文件activity_main.xml
然后在Activity里的使用
class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) val binding = ActivityMainBinding.inflate(layoutInflater) setContentView(binding.root) }}
ViewBinding帮我们生成了一个ActivityMainBinding类,我们通过ActivityMainBinding.inflate()来加载布局。
然后我们就可以通过binding来操作布局了。
class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) val binding = ActivityMainBinding.inflate(layoutInflater) setContentView(binding.root) binding.btn.setOnClickListener { Toast.makeText(this, "click", Toast.LENGTH_SHORT).show() } binding.tv.text = "setText" }}
这样就帮我们省去了FindViewById的步骤,这也是ViewBinding最大的功能。
二、DataBinding
1.什么是DataBinding
还是先看看官方的说法
数据绑定库是一种支持库,借助该库,您可以使用声明性格式(而非程序化地)将布局中的界面组件绑定到应用中的数据源。
来源:数据绑定库 | Android 开发者 | Android Developers (google.cn)
这里官方的说话就有点看不懂了。那我就尝试来解释一下。
比如我们要修改一个TextView的text值,之前都是在代码里获取到TextView组件,然后通过textView.text去赋值。比如
val str = "setText"binding.tv.text = str
或者当我们要获取一个TextView的文本值时,也需要通过textView.text来获取
val value = binding.tv.text.toString()
这样的操作就是程序化,要在逻辑代码里去赋值或取值。如果我们可以在xml布局文件里就声明该组件的值和哪个变量绑定,就能方便很多。
利用DataBinding就能做到这一点,比如
这样声明式的方式就将数据绑定了。具体的使用方法会在下面给出。
2.怎么使用DataBinding
2.1 基础用法
想要使用DataBinding,同样需要现在build.gradle里加入配置
android { ... buildFeatures { dataBinding true }}
然后我们先创建一个User的实体类,用于绑定数据
class User(var firstName: String, var lastName: String) {}
然后写布局activity_main.xml
注意这里的格式, 最外层是一个Layout标签,里面包含了data标签和LinearLayout标签,这是Databinding的表示方式,LinearLayout其实就是这里的根布局。
如何形成这样的文件呢?在原本的xml文件里,将光标移动到根布局的位置,然后按alt+enter就会出现选项转换到DataBinding的格式。
然后再来分析布局文件的代码。
data标签里表示的是数据源,name是名称,type是类型。这里的type就是我们前面写的User实体类。
然后在TextView里的text属性,通过@{}的格式来获取data标签里声明的变量。
最后回到Activity中来绑定数据。
class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle" />
这就是databinding最基础的用法。
2.2 绑定点击事件
databinding不止能绑定数据,还能绑定一些事件,比如点击事件。
我们先创建一个Handlers,里面添加一个onClick()方法,用于点击事件回调。
class Handlers { fun myOnClick(view: View) { Log.d("Handlers", "onClick()") }}
然后修改刚才的布局文件,添加一个Button组件,然后在data标签里声明刚才写的Handlers。
...
注意Button的onClick属性。依然是通过@{}来调用变量,并且对于方法的调用是"::"。
需要注意的是,自定义的这个方法的签名必须和监听器对象方法中的签名完全一样。比如点击事件是View.OnClickListner的onClick(view: View),那么自定义的方法参数也必须保持一致:myOnClick(view: View),否则会报错。
然后运行试一下,点击按钮,查看日志。
成功绑定。
2.3 使用可观察的数据对象
前面的基础使用,我们只是知道了DataBinding如何声明式而非程序式的赋值。但是这样的情况下,如果我们要修改视图里的值,我们依然需要通过在代码里赋值的方式才能修改。
数据绑定,我们更希望的是让组件属性的值直接绑定到一个变量中,当变量发生改变时组件属性的值相应发生改变,而不需要我们再去进行赋值。
那么要实现这种当一个值发生改变,另一个值相应发生改变的效果,我们很容易想到观察者模式。那我们就可以将变量变成一个可观察的数据对象。
如果去实现Observable接口的话,对于一些简单的类型来说比较麻烦。所以基础类型的变量可以用以下的类来声明
ObservableBoolean
ObservableByte
ObservableChar
ObservableShort
ObservableInt
ObservableLong
ObservableFloat
ObservableDouble
ObservableParcelable
接下来就来实践测试一下。
我们先修改一个User实体类
class User { val firstName = ObservableField() val lastName = ObservableField() val age = ObservableInt()}
注意这里声明变量我们使用了val,是因为要使用Observable要尽量避免开箱或封箱操作,在Java里声明也应该是pubc final属性
private static class User { public final ObservableField firstName = new ObservableField(); public final ObservableField lastName = new ObservableField(); public final ObservableInt age = new ObservableInt(); }
这里有人可能会有疑问,用val定义了我怎么修改变量的值?其实Observable的实现类里都提供了get()和set()函数来修改具体的值。
接着在布局里新增一个TextView来展示age变量。
然后修改一下Handlers的点击事件逻辑,点击按钮修改user的变量值。
class Handlers(private val user: User) { fun onClick(view: View) { user.firstName.set("Luka") user.lastName.set("Dončić") user.age.set(23) Log.d("Handlers", "onClick()") }}
最后在MainActivity里绑定
package com.example.exampleimport androidx.appcompat.app.AppCompatActivityimport android.os.Bundleimport android.widget.Toastimport androidx.databinding.DataBindingUtilimport com.example.example.databinding.ActivityMainBindingclass MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) val binding: ActivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main) val user = User() user.firstName.set("Stephen") user.lastName.set("Curry") user.age.set(34) binding.user = user binding.handler = Handlers(user) }}
最终的效果如下
这样我们就不用再去给组件属性做赋值操作,只需要修改绑定的变量的值即可。
三、区别
看到这里,相信你对ViewBinding和DataBinding都有了一定的了解。接下来就总结一下他们的区别。
目的不同。ViewBinding的出现仅仅是为了帮开发人员省去写findViewById的步骤;而DataBinding是用于绑定数据的,能够把视图的数据和代码变量绑定起来,并且实现自动更新。这个特性使得DataBinding能和MVVM框架进行很好的配合。
初始化方式不同。ViewBinding通过生成的Binding类的inflate方法来加载布局,然后还需要用Activity的setContentView()方法来绑定。而Databinding则是通过DataBindingUtil.setContentView()来绑定的。
包含关系。DataBinding也有ViewBinding的功能,也可以省去findViewById()方法。
四、总结
本文从使用方面理解了什么是ViewBinding和DataBinding,并对他们做了区别分析,加深对他们俩的理解。
本文主要参考资料为Android 开发者 | Android Developers (google.cn)