dataBinding数据绑定使用总结

概述

DataBinding是一个Android数据绑定库,使用此库可以使用声明性格式在xml中将布局的界面绑定到应用的数据源中,是MVVM框架的核心思想及工具。

一、基本使用

使用dataBinding主要包括如下几步:

  1. build配置
  2. layout布局改进
  3. 新建对应的viewModel
  4. 属性绑定

1. build配置

使用databinding首先需要打开databinding可用开关,即在build.gradle下添加如下代码:

android {
    dataBinding {
        enabled true
    }
}

2. layout布局进行改进

首先我们先写一个简单的布局文件,示例如下:



    


我们需要将此布局文件更改为如下内容:



    
    
    

    

        

    

将布局使用标签包裹起来,然后添加标签以添加对应的数据内容。
其实在Android Studio中,IDE可以自动帮助我们完成这一步的工作,选中需要转变的Viewgroup,然后点击command + enter键,即会触发下面的场景,点击convert to data binding layout即可自动生成上述类似布局:

databinding1.jpg

数据内容
标签中需要填入的是数据内容,需要指定变量名称以及变量类型。可以填入单独的数据内容:


同时也可以引入的ViewModel类等,此块内容在viewModel定义区会详细解释。

中定义了数据类型之后便可以在控件中进行引用使用了,控件引用的话需要采用如下格式:

@{内容}

举例来说,如果上述例子中的TextVIew需要设置文本为name,则可以设置属性:

android:text="@{name}"

3. viewModel定义

viewModel是dataBinding的一个非常重要的部分,布局可以通过自定义ViewModel类去获取数据。示例如下:

class TestViewModel : ViewModel() {
    var text :String = "this is a test"
}

同时我们需要在activity中声明当前的新建一个ViewModel对象,同时通过dataBindingUtil来完成布局的设置,示例代码如下:

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        var binding: ActivityTestMvvmBinding =
            DataBindingUtil.setContentView(this, R.layout.activity_test_mvvm)
        binding.viewModel = TestViewModel()
    }

4. 数据绑定

在声明了ViewModel对象之后,我们需要在布局文件中进行数据绑定,首先要在标签中设置ViewModel对象,示例如下(代码中对当前ViewModel声明了别名):

    
        

        
    

alias:别名标识,防止引入了两个名称相同的类而导致混乱

然后我们就可以在对应的控件上调用viewModel的属性了,示例如下:


二、事件处理

通过上述内容,我们能够通过viewModel实现单项数据的处理,那么如果对于像按钮这样的点击事件我们应当怎么去处理呢?其实处理方式和上述获取变量值相似,只不过需要去执行的是一个方法罢了。

1. 执行方法

我们首先在ViewModel中添加一个点击之后应该执行的方法:


class TestViewModel : ViewModel() {
    var name = "this is a test"
    fun showToast() {
        Toast.makeText(DemoApplication.mContext, "点击了文本", Toast.LENGTH_SHORT).show()
    }
    ...

然后我们可以直接在控件中直接调用:


2. 刷新UI

有时候我们可能会在事件触发中去刷新UI,我们很容易就会想到直接在ViewModel中设置方法更改属性就好了,例如:

class TestViewModel : ViewModel() {
    var name = "this is a test"
    var clickNum = 0
    fun showToast() {
        Toast.makeText(DemoApplication.mContext, "点击了文本", Toast.LENGTH_SHORT).show()
        clickNum++
    }
}

然后在布局文件中新设置一个TextView显示clickNum,示例如下:

    

        

        

    

但是当我们写完之后却发现,这样当我们点击的时候Toast会在触发,但是UI却并没有刷新,显示这样写是不对的,那就继续查一下解决办法吧。

在查阅了文档之后,文档提醒我们对于需要有UI刷新的属性,最好使用LiveData这种类型来存储,使得在每次变化之后都去及时的更新UI。

LiveData 是一种可观察的数据存储器类。与常规的可观察类不同,LiveData 具有生命周期感知能力,意指它遵循其他应用组件(如 Activity、Fragment 或 Service)的生命周期。这种感知能力可确保 LiveData 仅更新处于活跃生命周期状态的应用组件观察者。

因此我们可以将上述代码修改为如下内容:

class TestViewModel : ViewModel() {
    var name = MutableLiveData()
    var clickNum = MutableLiveData()
    fun showToast() {
        Toast.makeText(DemoApplication.mContext, "点击了文本", Toast.LENGTH_SHORT).show()
        clickNum.value = (clickNum.value ?: 0) + 1
    }

    init {
        name.value = "默认文案"
        clickNum.value = 0
    }
}

这样的话,我们再次点击文本,能够看到文本可以正常的刷新。

三、混合自定义属性

dataBinding提供了绑定适配器用来创建自定义属性:

@BindingAdapter("android:bgcolor")
fun setBgColor(view: TextView, color: Int) {
    view.setBackgroundColor(color)
}

可以通过@BindingAdapter注解设置自定义属性,然后设置方法实现具体的属性效果,然后就可以直接在View里调用:

android:bgcolor="@{viewModel.bgColor}"

有时可能需要存在有多个属性同时存在时才能够触发某些方法,这时可以采用多参数绑定适配器,示例如下:

@BindingAdapter(value = ["android:text","android:bgcolor"],requireAll = true)
fun setData(view: TextView,text:String,color: Int){
    view.setBackgroundColor(color)
    view.text = text
    view.textSize = 15f
}

requireAll参数决定何时使用此绑定适配器:

  • true:则必须同时存在定义的value属性时才能使用。
  • false:则缺少的属性为null,布尔值则为false,基本类型则为0,触发属性。

四、优缺点

优点:
  1. 减少了findViewById的重复操作.
  2. 数据解析在xml层上解决,数据解析能够更快,提高解析XML速度。
  3. 提供了双向绑定机制,当Model变化时,View也会自动变化,能够实现数据UI移植性。配合MVVM框架的使用更是比MVP框架提高了可维护性(解决了MVP中手动View和Model同步的问题)
缺点:
  1. 使得布局会变得更加复杂,不利于问题的排查
  2. 大模块中model也会很大,如果长期持有不释放内存,就会占用了较多的内存空间。
  3. 过度的数据双向绑定不利于代码复用。数据的双向绑定使得每个View都绑定了一个对应的model,不同模块的model不同,就不能够直接复用。

参考文档

官方网站

Demo示例

你可能感兴趣的:(dataBinding数据绑定使用总结)