使用 LiveData 在 SeekBar 和 EditText 中取得进展

Question

我有 TextInput 和 SeekBar。

我需要通过文本输入值（数字）更改搜索者的值，并通过搜索者更改的值更改文本值。使用视图模型和实时数据绑定

所以，我在视图模型中有两个调解器实时数据class

ViewModel:

val progress: MediatorLiveData<Int> by lazy { MediatorLiveData<Int>() }
val progressText: MediatorLiveData<String> by lazy { MediatorLiveData<String>() }

它们在 init 范围内相互观察。

init {
  progress.apply { addSource(progressText) { postValue(it.toInt()) }}
  progressText.apply { addSource(progress) { postValue(it.toString()) }}
}

xml 和数据绑定就像：

<AppCompatSeekBar android:id="@+id/seekbar"
            style="@style/SeekerItemStyle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:progress="@={viewModel.progress}" />

 <EditText android:id="@+id/input_progress"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@={viewModel.progressText}" />

（考虑输入文本）

但是，这里我得到了无限循环，因为一个调解器的更改会影响到另一个调解器，而另一个调解器的更改会返回到一个调解器。

这里有解决这个逻辑的最佳实践和更聪明的解决方案吗？谢谢

Answer 1

你可以分别为搜索者和文本制作 2 对 MediatorLiveData-LiveData。例如，第一个 MediatorLiveData 观察搜索栏的变化，当应用变化时，它会改变 EditText 的 LiveData，反之亦然：每次 EditText 发生变化时，MediatorLiveData 都会改变 SeekBar 的 LiveData。

Answer 2

您可以使用Transformations.distinctUntilChanged(liveData)

创建一个新的 LiveData 对象，该对象在更改源 LiveData 值之前不会发出值。如果 equals() 产生 false，则认为该值已更改。

因此，通过使用 distinctUntilChanged，我们可以通过检查源实时数据的值是否已更改来停止无限循环。

如果你正在使用 livedata-ktx 库你可以使用下面的代码

init {
   progress.apply { addSource(progressText.distinctUntilChanged()) { postValue(it.toInt()) }}
   progressText.apply { addSource(progress.distinctUntilChanged()) { postValue(it.toString()) }}
}

如果你没有使用 livedata-ktx 库你可以使用下面的代码

init {
   progress.apply { addSource(Transformations.distinctUntilChanged(progressText)) { postValue(it.toInt()) }}
   progressText.apply { addSource(Transformations.distinctUntilChanged(progress)) { postValue(it.toString()) }}
}

Answer 3

这里不需要 MediatorLiveData - MutableLiveData 就足够了，因为你只需要能够更改值。
progress只有一个LiveData就够了，里面应该有一个Int值。

现在代码：

import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.ViewModel

open class BasicViewModel: ViewModel() {
    val progress: MutableLiveData<Int> by lazy { MutableLiveData<Int>() }
}

您的布局可能如下所示（请注意 viewModel.progress 如何转换为 String EditText）

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="viewModel"
            type="BasicViewModel"/>
    </data>

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <EditText android:id="@+id/input_progress"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="numberDecimal"
            android:text="@={`` + viewModel.progress}" />

        <SeekBar
            android:id="@+id/seekbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:progress="@={viewModel.progress}" />

    </LinearLayout>
</layout>

最后，您的 Activity 可能如下所示：

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val binding: ActivityMainBinding = DataBindingUtil.setContentView(
                this, R.layout.activity_main)
        binding.setLifecycleOwner(this)

        val viewModel = ViewModelProviders.of(this).get(BasicViewModel::class.java)
        binding.viewModel = viewModel
    }
}

编辑：

如果 EditText 中的文本与 SeekBar 中的值不同，则方法会有所不同。但是，有一个 LiveData<charSequence> 对象来实现这样的场景仍然足够了。所以，让我们假设 EditText 应该显示一个像 progress/100 这样的浮点值。然后，它可能如下所示：

BasicViewModel.kt

package com.example.android.databinding.basicsample.data

import androidx.lifecycle.LiveData
import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.Transformations
import androidx.lifecycle.ViewModel

open class BasicViewModel: ViewModel() {
    val progressLiveData = MutableLiveData("0.0")

    fun updateEditText(percentage: Int) {
        progressLiveData.value = percentage.toFloat().div(100).toString()
    }

    fun onEditTextTyped(): LiveData<Int> {
        return Transformations.switchMap(progressLiveData, {
            val liveData = MutableLiveData<Int>()
            try {
                liveData.value = it.toString().toFloat().times(100f).toInt()
            } catch (e: NumberFormatException) {
                // reset the progress bar if the progress text is invalid
                liveData.value = 0
            }
            liveData
        })
    }
}

activity_main.xml

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="viewModel"
            type="com.example.android.databinding.basicsample.data.BasicViewModel"/>
    </data>

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <androidx.appcompat.widget.AppCompatEditText
            android:id="@+id/input_progress"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@={viewModel.progressLiveData}" />

        <SeekBar
            android:id="@+id/seekbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:progress="@{viewModel.onEditTextTyped}"
            android:onProgressChanged="@{(seekBar, progress, fromUser) -> viewModel.updateEditText(progress)}" />

    </LinearLayout>
</layout>

使用 LiveData 在 SeekBar 和 EditText 中取得进展

Progress in SeekBar and EditText with LiveData

android

mvvm

viewmodel

kotlin

android-livedata