在Android中使用DataBinding(Kotlin)

2022-03-09 作者: simon

>本文主要介绍在中的使用方法。数据绑定是将“提供器”的数据源与“消费者”绑定并使其同步的一种通用技术。

1. Android应用程序使用数据绑定

1.1 介绍`DataBinding`

通过提供了编写声明型布局的支持。这样可以最大程度简化布局和*逻辑*相关联的代码。

数据绑定要求修改文件，外层需要包裹一个布局。主要通过或语法把布局中的元素和表达式的引用写入到属性中。

①用户变量，定义了能在这个布局里面使用的属性和类

②常规布局

会基于创建一个，这个类包含了布局属性(定义的变量)到相关视图的所有绑定，并且会为布局中的数据元素生成，生成的类的名称是基于的名称(驼峰命名，加上后缀)。比如布局名是，生成的类就是。你能通过这个类去布局和数据模型，也可以通过类。

val mainBindingUtil = DataBindingUtil.setContentView(this, R.layout.activity_main)
mainBindingUtil.lifecycleOwner = this

val mainBindingUtil = ActivityMainBinding.inflate(layoutInflater)
setContentView(mainBindingUtil.root)

上述两种方法大家二选一，一般在中我们都用第一种。

1.2 如何启用`DataBinding`

想要在工程中使用，只需要在文件中设置如下代码：

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

1.3 `DataBinding`点击事件的处理

布局的处理除了数据的传递，还有点击事件的处理。

使用方式和普通方法调用一样。比如我在中定义了方法

fun getClick(v: View) {
    //TODO
}

现在我想在点击的时候调用方法，只需要在布局文件中添加下面的代码

android:onClick="@{(view) -> mainModel.getClick(view)}"

如果不需要参数，可以直接

android:onClick="@{() -> mainModel.getClick()}"

如果有其他参数，对应的添加参数列表

android:onClick="@{() -> mainModel.getClick(args)}"

其他比如之类的处理都是同理。

1.4 `import`的使用

可以通过的方式导入类，直接调用类的静态方法。

1.5 数据实时刷新

当的数据发生变化后，我们希望布局也同时刷新，有个非常简单的方法，不需要继承，我们通过引入来实现。

open class MainViewModel : ViewModel() {

    var userData: MutableLiveData = MutableLiveData()

    init {
        getUserInfo()
    }

    private fun getUserInfo() {
        val user = UserInfo("李四", (10..50).random())
        userData.postValue(user)   //数据发生变化后，调用postValue，无需通过observe监听，布局数据会自动刷新
    }

    fun getClick(v: View) {
        getUserInfo()
    }
}

1.6 使用`BindingAdapter`

可以通过这个注解来实现属性值变化的时候，控件状态也跟着变化，比如图片，当变化的时候，控件会跟着显示不同的图片。

需要在静态类里面定义一个静态方法:

object StringUtils {

    @BindingAdapter("android:src")
    @JvmStatic fun loadImage(view: ImageView, url: String) {
        MyApplication._context?.let {
            Glide.with(it)
                .load(url)
                .into(view)
        }
    }
}

**注意这里的**，这个可以直接指定控件的属性，也可以自己定义属性。

方法绑定的是这个属性，所以当这个属性的值变化时会把和传递到。

如果是绑定的自定义字段呢？比如我现在绑定了一个自定义的。

@BindingAdapter("url")
@JvmStatic fun loadImage(view: ImageView, url: String) {
...
}

那么布局文件就这么写

总结

前面主要是写了的一些基本用法，扩展用法还比较多，我们后续再接着说。