Android 设计模式：MVVM 深入浅出

斯陀含

于 2024-06-27 23:02:15 发布

阅读量713

点赞数 5

文章标签： android 设计模式

本文链接：https://blog.csdn.net/u011464172/article/details/140026587

版权

Android 设计模式：MVVM 深入浅出

导语：

Android 开发领域，设计模式扮演着至关重要的角色，帮助我们构建更易维护、可扩展、可测试的应用程序。MVVM (Model-View-ViewModel) 作为一种流行的设计模式，以其清晰的职责分离和高度可测试性而广受青睐。本文将深入探讨 MVVM 的核心概念、优势、实现细节以及最佳实践，并通过实例代码帮助你理解如何在实际项目中应用 MVVM。

一、MVVM 基础

MVVM 模式将应用程序逻辑划分为三个主要部分：

模型 (Model)：负责数据的管理和业务逻辑。它可以是数据库对象、网络 API 响应或其他数据源。
视图 (View)：负责用户界面 (UI) 的展示，与用户进行交互。
视图模型 (ViewModel)：作为 View 和 Model 之间的桥梁，负责处理数据逻辑，并将数据转换或格式化为适合 View 展示的形式。

二、MVVM 的优势

**职责分离：**清晰的模块化结构，使代码更易于维护和理解。
**可测试性：**ViewModel 层独立于 View，易于进行单元测试。
**可重用性：**ViewModel 可以被多个 View 共享，提高代码重用率。
**数据绑定：**双向数据绑定机制，可简化数据更新和 UI 刷新。

三、MVVM 的实现

1. 数据绑定库：

Android 提供了 Data Binding 库来实现双向数据绑定，简化 View 与 ViewModel 之间的交互。

示例：

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@{userViewModel.userName}"/>

2. LiveData：

LiveData 是一个可观察的数据持有者，它可以感知生命周期，并在数据变化时自动更新 View。

示例：

class UserViewModel : ViewModel() {
    val userName = MutableLiveData<String>()

    fun fetchUser() {
        // 获取用户数据
        userName.value = "张三"
    }
}

3. ViewModel 类：

ViewModel 类是 MVVM 架构中的核心组件，它负责处理数据逻辑和 UI 状态，并提供可观察的数据给 View。

示例：

class UserViewModel : ViewModel() {
    private val _userName = MutableLiveData<String>()
    val userName: LiveData<String> = _userName

    fun fetchUser() {
        // 获取用户数据
        _userName.value = "张三"
    }
}

4. View：

View 层负责展示 UI 并与用户交互。它通过数据绑定或观察 LiveData 来获取 ViewModel 提供的数据，并更新 UI。

示例：

class MainActivity : AppCompatActivity() {
    private lateinit var userViewModel: UserViewModel

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        userViewModel = ViewModelProvider(this).get(UserViewModel::class.java)

        userViewModel.userName.observe(this, Observer {
            // 更新 UI
            userNameTextView.text = it
        })

        // 获取用户数据
        userViewModel.fetchUser()
    }
}

四、实战案例：新闻列表

1. Model：

data class NewsItem(
    val title: String,
    val description: String,
    val imageUrl: String
)

2. ViewModel：

class NewsViewModel : ViewModel() {
    private val _newsList = MutableLiveData<List<NewsItem>>()
    val newsList: LiveData<List<NewsItem>> = _newsList

    fun fetchNews() {
        // 模拟网络请求获取新闻数据
        val newsItems = listOf(
            NewsItem("新闻标题 1", "新闻简介 1", "https://image1.com"),
            NewsItem("新闻标题 2", "新闻简介 2", "https://image2.com"),
            // ...
        )

        _newsList.value = newsItems
    }
}

3. View：

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/newsRecyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

class NewsActivity : AppCompatActivity() {
    private lateinit var newsViewModel: NewsViewModel

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_news)

        newsViewModel = ViewModelProvider(this).get(NewsViewModel::class.java)

        newsRecyclerView.adapter = NewsAdapter(newsViewModel.newsList)

        newsViewModel.fetchNews()
    }
}