本文首发于公众号“AntDream”,欢迎微信搜索“AntDream”或扫描文章底部二维码关注,和我一起每天进步一点点

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

步骤

  1. Model 层:负责数据的获取和处理,如数据库操作、网络请求等。
  2. View 层:负责 UI 的显示,例如 Activity、Fragment。
  3. 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
    }
}

详细解释

1、 Model 层User 数据类表示用户数据。
2、 ViewModel 层

  • UserViewModel 类管理用户数据,并提供方法 updateUserData 来更新数据。
  • 使用 LiveDataMutableLiveData 来观察数据变化。

3、 View 层

  • 使用 DataBinding 进行数据绑定。
  • 布局文件 activity_main.xml 通过 <data> 标签声明 ViewModel 变量。
  • MainActivity 中通过 ViewModelProvider 初始化 ViewModel 并进行数据绑定。

优点

  • 分离关注点:UI 和业务逻辑分离,增加代码的模块化和可维护性。
  • 双向数据绑定:通过 DataBinding 实现双向数据绑定,减少手动更新 UI。
  • 可测试性高:业务逻辑在 ViewModel 中,便于进行单元测试。

通过上述步骤和代码,你可以在 Kotlin 中实现一个基本的 MVVM 架构。实际开发中,可能还需要根据具体需求扩展和改进。


欢迎关注我的公众号AntDream查看更多精彩文章!


认真的紫菜
5 声望1 粉丝