MVVM 架构和MVI架构的优缺点对比

Jetpack MVVM 架构讲解

MVVM(Model-View-ViewModel)架构是 Android 开发中一种常用的架构模式,利用 Android Jetpack 组件,可以更简洁和高效地实现 MVVM。以下是 MVVM 的各个组件及其职责:

  1. Model

    • 职责:处理数据逻辑,包括从网络或数据库获取数据。
    • 示例 :使用 Room 数据库、网络请求库(如 Retrofit)等来实现数据获取和存储。
  2. View

    • 职责:展示 UI 并响应用户交互。View 直接绑定到 ViewModel,并观察 LiveData 的变化。
    • 示例:Activity、Fragment、XML 布局文件。
  3. ViewModel

    • 职责:为 View 提供数据,处理与 UI 相关的逻辑,确保配置更改(如屏幕旋转)不会丢失数据。
    • 示例 :使用 LiveData 来保存数据并通知 View 更新。
示例代码
kotlin 复制代码
// Model
@Entity(tableName = "user")
data class User(
    @PrimaryKey val id: Int,
    val name: String
)

@Dao
interface UserDao {
    @Query("SELECT * FROM user WHERE id = :userId")
    fun getUserById(userId: Int): LiveData<User>
}

@Database(entities = [User::class], version = 1)
abstract class AppDatabase : RoomDatabase() {
    abstract fun userDao(): UserDao
}

// ViewModel
class UserViewModel(application: Application) : AndroidViewModel(application) {
    private val userDao: UserDao = AppDatabase.getDatabase(application).userDao()
    private val _userId = MutableLiveData<Int>()

    val user: LiveData<User> = Transformations.switchMap(_userId) { id ->
        userDao.getUserById(id)
    }

    fun setUserId(id: Int) {
        _userId.value = id
    }
}

// View (Activity)
class UserActivity : AppCompatActivity() {
    private lateinit var userViewModel: UserViewModel

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

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

        userViewModel.user.observe(this, Observer { user ->
            // 更新 UI
            findViewById<TextView>(R.id.userName).text = user.name
        })

        // 设置用户 ID 以触发数据加载
        userViewModel.setUserId(1)
    }
}

MVI 架构讲解

MVI(Model-View-Intent)是另一种架构模式,特别强调单一数据流和不可变状态。MVI 的核心思想是通过 Intent 驱动状态变化,并用单一的状态对象来描述整个 UI。

  1. Model

    • 职责:处理数据逻辑,包括从网络或数据库获取数据,类似 MVVM。
  2. View

    • 职责:展示 UI 并响应用户交互,渲染单一的状态对象。
    • 示例:Activity、Fragment、XML 布局文件。
  3. Intent

    • 职责:用户意图的封装,触发状态变化。
    • 示例:点击按钮、输入文本等用户操作。
  4. State

    • 职责:表示 UI 的单一状态。
    • 示例:数据类包含所有 UI 所需的数据。
示例代码
kotlin 复制代码
// State
data class UserState(
    val user: User? = null,
    val isLoading: Boolean = false,
    val error: String? = null
)

// Intent
sealed class UserIntent {
    data class LoadUser(val userId: Int) : UserIntent()
}

// ViewModel
class UserViewModel : ViewModel() {
    private val _state = MutableLiveData<UserState>()
    val state: LiveData<UserState> get() = _state

    fun processIntent(intent: UserIntent) {
        when (intent) {
            is UserIntent.LoadUser -> loadUser(intent.userId)
        }
    }

    private fun loadUser(userId: Int) {
        _state.value = UserState(isLoading = true)
        // 假设 repository 获取用户数据
        repository.getUserById(userId, object : Callback<User> {
            override fun onSuccess(user: User) {
                _state.value = UserState(user = user)
            }

            override fun onError(error: String) {
                _state.value = UserState(error = error)
            }
        })
    }
}

// View (Activity)
class UserActivity : AppCompatActivity() {
    private lateinit var userViewModel: UserViewModel

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

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

        userViewModel.state.observe(this, Observer { state ->
            // 渲染 UI
            if (state.isLoading) {
                // 显示加载中
            } else if (state.user != null) {
                findViewById<TextView>(R.id.userName).text = state.user.name
            } else if (state.error != null) {
                // 显示错误信息
            }
        })

        // 发送 Intent 加载用户数据
        userViewModel.processIntent(UserIntent.LoadUser(1))
    }
}

MVVM 和 MVI 对比

MVVM 的优缺点

优点

  • 简单易理解,易于上手。
  • 更接近传统的 Android 开发模式,使用 Jetpack 组件可以简化开发。
  • ViewModel 与 View 之间通过数据绑定和 LiveData 实现解耦,代码简洁。

缺点

  • 如果没有严格遵守单向数据流,可能导致状态管理混乱。
  • ViewModel 可能会变得复杂,包含过多逻辑。
MVI 的优缺点

优点

  • 强调单一数据流和不可变状态,易于调试和测试。
  • 状态集中管理,UI 只需渲染状态,逻辑清晰。
  • Intent 和 State 的分离,使得代码更加模块化。

缺点

  • 对于简单的应用可能显得过于复杂。
  • 状态对象可能会变得非常庞大,管理起来比较麻烦。
  • 学习曲线较陡,特别是对不熟悉函数式编程和不可变状态的开发者。
总结
  • MVVM 更适合大多数传统的 Android 开发场景,特别是中小型项目,简单易用,结合 Jetpack 组件可以提高开发效率。
  • MVI 更适合复杂的应用,特别是需要严格状态管理和单一数据流的项目,尽管初始学习成本较高,但在维护和扩展上具有优势。

选择哪种架构模式,取决于项目的复杂度、团队的熟悉程度以及具体的需求。综合考虑这些因素,可以做出更适合的架构选择。
联系我

相关推荐
想进大厂的小王1 小时前
项目架构介绍以及Spring cloud、redis、mq 等组件的基本认识
redis·分布式·后端·spring cloud·微服务·架构
阿伟*rui2 小时前
认识微服务,微服务的拆分,服务治理(nacos注册中心,远程调用)
微服务·架构·firefox
ZHOU西口2 小时前
微服务实战系列之玩转Docker(十八)
分布式·docker·云原生·架构·数据安全·etcd·rbac
deephub5 小时前
Tokenformer:基于参数标记化的高效可扩展Transformer架构
人工智能·python·深度学习·架构·transformer
架构师那点事儿6 小时前
golang 用unsafe 无所畏惧,但使用不得到会panic
架构·go·掘金技术征文
W Y8 小时前
【架构-37】Spark和Flink
架构·flink·spark
Gemini19959 小时前
分布式和微服务的区别
分布式·微服务·架构
Dann Hiroaki17 小时前
GPU架构概述
架构
茶馆大橘17 小时前
微服务系列五:避免雪崩问题的限流、隔离、熔断措施
java·jmeter·spring cloud·微服务·云原生·架构·sentinel
coding侠客18 小时前
揭秘!微服务架构下,Apollo 配置中心凭啥扮演关键角色?
微服务·云原生·架构