在 android 中,使用 livedata 来管理 ui 数据十分常见。当 livedata 对象的值发生变化时,ui 将会自动更新。然而,当需要监听多个 livedata 对象的变化时,会出现一些挑战。
例如,在下面的代码中,viewmodel 中有两个 mutablelivedata 属性:isrequest 和 total。它们的值变化应该反映在 ui 中的文本上。
class testvm : viewmodel { // 用于指示请求状态的 livedata private val isrequest = mutablelivedata<boolean>() // 用于指示总数的 livedata private val total = mutablelivedata<int>() // 在构造函数中初始化livedata init { isrequest.value = false total.value = 10 } // 根据isrequest和total计算显示的文本 fun gettext(): string { return if (isrequest.value == true) { "请求中" } else { when (total.value ?: 0) { in int.min_value..999 -> total.value!!.tostring() else -> "999+" } } } }
在视图中,使用以下代码绑定文本属性:
<textview android:text="@{vm.gettext()}" />
但是,当 isrequest 或 total 的值发生变化时,ui 上的文本不会更新。那是因为文本视图只绑定到一个 livedata 对象(gettext()),而这个对象只在两个 livedata 对象都发生变化时更新。
为了解决这个问题,有两种方法:
使用 mediatorlivedata
mediatorlivedata 允许您在多个 livedata 对象之间创建依赖关系。通过添加如下代码,可以将 isrequest 和 total 与新的 mediatorlivedata text 联系起来:
// 创建 mediatorlivedata val text = mediatorlivedata<string>() // 添加数据源 text.addsource(isrequest) { text.value = gettext() } text.addsource(total) { text.value = gettext() }
在视图中,将文本属性绑定到 text:
<textview android:text="@{vm.text}" />
使用 observable
另一个方法是使用 observable,它可以监听 livedata 对象的变化并触发操作。在视图模型中,添加以下代码:
isRequest.observe(this) { updateButtonText() } total.observe(this) { updateButtonText() } private fun updateButtonText() { // 使用getText()计算文本并更新UI }
在视图中,不再需要绑定文本属性,因为每当 isrequest 或 total 发生变化时,updatebuttontext() 都会被触发,从而更新 ui。
通过使用这些技术,可以在多个 livedata 对象之间创建依赖关系,并在任何一个对象的值改变时更新 ui。