Android经典面试题之Kotlin中使用 LiveData、ViewModel快速实现MVVM模式

AntDream

发布于 2024-07-22 18:44:33

30300

代码可运行

运行总次数：0

代码可运行

使用 Kotlin 实现 MVVM（Model-View-ViewModel）模式是开发 Android 应用程序的一种常见架构方式。MVVM 模式将应用程序的 UI 逻辑和业务逻辑分离，使用 LiveData、ViewModel 和 DataBinding 可以使代码更加模块化和可维护。以下是实现 MVVM 模式的步骤和示例：

步骤

Model 层：负责数据的获取和处理，如数据库操作、网络请求等。
View 层：负责 UI 的显示，例如 Activity、Fragment。
ViewModel 层：作为数据和 UI 的桥梁，负责预处理数据，使之适合 UI 显示。使用 LiveData 来观察数据变化。

依赖项

在开始之前，需要在项目的 build.gradle 文件中添加相关依赖项：

dependencies {
    implementation "androidx.lifecycle:lifecycle-extensions:2.2.0"
    implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:2.2.0"
    implementation "androidx.lifecycle:lifecycle-livedata-ktx:2.3.1"
    implementation "androidx.databind:databinding-runtime:3.4.1"
}

代码示例

1. Model 类

// User.kt
data class User(val name: String, val age: Int)

2. ViewModel 类

// UserViewModel.kt
import androidx.lifecycle.LiveData
import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.ViewModel

class UserViewModel : ViewModel() {
    private val _user = MutableLiveData<User>()
    val user: LiveData<User> get() = _user

    fun updateUserData(name: String, age: Int) {
        _user.value = User(name, age)
    }
}

3. View 层

使用 DataBinding 在布局文件中实现 UI：

<!-- activity_main.xml -->
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="viewModel"
            type="com.example.app.UserViewModel" />
    </data>

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

        <TextView
            android:id="@+id/userName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{viewModel.user.name}" />

        <TextView
            android:id="@+id/userAge"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{viewModel.user.age}" />
        
        <Button
            android:id="@+id/updateButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Update"
            android:onClick="@{() -> viewModel.updateUserData('John Doe', 30)}"/>
    </LinearLayout>
</layout>

在 Activity 中进行实例化和数据绑定：

// MainActivity.kt
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.databinding.DataBindingUtil
import androidx.lifecycle.ViewModelProvider
import com.example.app.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {

    private lateinit var binding: ActivityMainBinding
    private lateinit var viewModel: UserViewModel

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

        // 初始化 ViewModel
        viewModel = ViewModelProvider(this).get(UserViewModel::class.java)

        // 数据绑定
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)
        binding.viewModel = viewModel
        binding.lifecycleOwner = this
    }
}