本文首發於公眾號“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 來更新數據。
• 使用 LiveData 和 MutableLiveData 來觀察數據變化。

3、 View 層：

• 使用 DataBinding 進行數據綁定。
• 佈局文件 activity_main.xml 通過 <data> 標籤聲明 ViewModel 變量。
• MainActivity 中通過 ViewModelProvider 初始化 ViewModel 並進行數據綁定。

優點

• 分離關注點：UI 和業務邏輯分離，增加代碼的模塊化和可維護性。
• 雙向數據綁定：通過 DataBinding 實現雙向數據綁定，減少手動更新 UI。
• 可測試性高：業務邏輯在 ViewModel 中，便於進行單元測試。

通過上述步驟和代碼，你可以在 Kotlin 中實現一個基本的 MVVM 架構。實際開發中，可能還需要根據具體需求擴展和改進。

歡迎關注我的公眾號AntDream查看更多精彩文章！