见证 ViewModels 的魅力：理解一个简单的示例

2023-12-28 09:53:58

在Android开发中，ViewModel是一个强大的工具，用于管理UI相关的数据。它不仅简化了数据管理，还提高了应用的响应性和可维护性。本文将通过一个简单的计数器示例，深入探讨ViewModel的工作原理和优势。

什么是ViewModel？

ViewModel是Android架构组件库中的一个类，用于以生命周期感知的方式存储和管理与UI相关的数据。与Activity或Fragment不同，ViewModel的生命周期独立于视图层，这意味着它可以在配置更改（如屏幕旋转）后继续存在，从而保持应用状态。

一个简单的计数器示例

让我们通过创建一个计数器应用来理解ViewModel的基本用法。这个应用允许用户递增或递减一个计数器的值。

1. 创建CounterViewModel类

首先，我们定义一个继承自ViewModel的CounterViewModel类，用于存储和管理计数器的当前值。

class CounterViewModel : ViewModel() {
    private val _count = MutableLiveData<Int>()
    val count: LiveData<Int> get() = _count

    init {
        _count.value = 0
    }

    fun increment() {
        _count.value = _count.value?.plus(1)
    }

    fun decrement() {
        _count.value = _count.value?.minus(1)
    }
}

在这个类中：

_count 是一个 MutableLiveData 对象，用于存储计数器的当前值。
count 是一个公开的 LiveData 属性，允许外部观察者订阅计数器值的变化。
increment() 和 decrement() 方法用于更新计数器的值。

2. 在布局文件中绑定数据

接下来，我们在布局文件中使用数据绑定将 count 绑定到一个TextView，以便当计数器更新时，TextView会自动显示最新值。

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="viewModel"
            type="com.example.counterapp.CounterViewModel" />
    </data>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{viewModel.count}" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Increment"
            android:onClick="@{() -> viewModel.increment()}" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Decrement"
            android:onClick="@{() -> viewModel.decrement()}" />
    </LinearLayout>
</layout>

在这个布局中：

我们使用 <data> 标签定义了一个名为 viewModel 的变量，类型为 CounterViewModel。
我们将 TextView 的文本属性绑定到 viewModel.count。
我们为两个按钮设置了点击事件，分别调用 viewModel.increment() 和 viewModel.decrement() 方法。

3. 在Activity中使用ViewModel

最后，我们在Activity中初始化ViewModel并将其绑定到布局。

class MainActivity : AppCompatActivity() {
    private lateinit var viewModel: CounterViewModel

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding: ActivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main)
        viewModel = ViewModelProvider(this).get(CounterViewModel::class.java)
        binding.viewModel = viewModel
    }
}