系列一：架构思想进阶 | 第1篇 Android 架构演进实录：从 MVC 的“万能类”到 MVVM 的数据驱动

📱 系列一：架构思想进阶 | 第1篇

Android 架构演进实录：从 MVC 的“万能类”到 MVVM 的数据驱动

本文导读
你是否曾面对一个几千行代码的 Activity 感到绝望？是否因为改一处逻辑而引发三个地方的崩溃？
本文将带你复盘 Android 架构从 MVC、MVP 到 MVVM 的演进历程。我们不仅会聊透原理，还会通过可运行的代码、架构流程图和企业级避坑指南，帮你彻底摆脱“代码屎山”的困扰。
全文较长，建议收藏后阅读。

0. 引子：为什么你的 Activity 会变成“屎山”？

在 Android 开发的早期，写代码是一件很“快”的事。

产品要一个登录页，你创建一个 LoginActivity，写下 findViewById，写一个 OnClickListener，在里面直接调用网络请求，把结果存进 SharedPreferences，然后跳转到主页。整个过程行云流水，半小时搞定。

但问题也随之而来。

几个月后，需求开始堆叠：

• 增加“记住密码”功能。
• 增加“第三方登录”（微信、QQ、Apple）。
• 增加“验证码登录”与“密码登录”的切换。
• 增加“风控校验”、“协议勾选”、“防抖处理”。

你开始往 LoginActivity 里不断塞代码。最终，它变成了一个拥有 3000 行代码 的“万能类”。此时，哪怕只是改一个文案，你都要小心翼翼，生怕触动了某根脆弱的逻辑链条。

这不是你一个人的问题，而是架构缺失的必然结果。

1. MVC：Android 世界的“默认陷阱”

教科书上的 MVC（Model-View-Controller）是清晰的，但在 Android 里，它往往变了味。

1.1 理论上的 MVC

#mermaid-svg-6t5Bj5S7VfttTfQs{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-6t5Bj5S7VfttTfQs .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-6t5Bj5S7VfttTfQs .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-6t5Bj5S7VfttTfQs .error-icon{fill:#552222;}#mermaid-svg-6t5Bj5S7VfttTfQs .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-6t5Bj5S7VfttTfQs .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-6t5Bj5S7VfttTfQs .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-6t5Bj5S7VfttTfQs .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-6t5Bj5S7VfttTfQs .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-6t5Bj5S7VfttTfQs .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-6t5Bj5S7VfttTfQs .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-6t5Bj5S7VfttTfQs .marker{fill:#333333;stroke:#333333;}#mermaid-svg-6t5Bj5S7VfttTfQs .marker.cross{stroke:#333333;}#mermaid-svg-6t5Bj5S7VfttTfQs svg{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-6t5Bj5S7VfttTfQs p{margin:0;}#mermaid-svg-6t5Bj5S7VfttTfQs .label{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-6t5Bj5S7VfttTfQs .cluster-label text{fill:#333;}#mermaid-svg-6t5Bj5S7VfttTfQs .cluster-label span{color:#333;}#mermaid-svg-6t5Bj5S7VfttTfQs .cluster-label span p{background-color:transparent;}#mermaid-svg-6t5Bj5S7VfttTfQs .label text,#mermaid-svg-6t5Bj5S7VfttTfQs span{fill:#333;color:#333;}#mermaid-svg-6t5Bj5S7VfttTfQs .node rect,#mermaid-svg-6t5Bj5S7VfttTfQs .node circle,#mermaid-svg-6t5Bj5S7VfttTfQs .node ellipse,#mermaid-svg-6t5Bj5S7VfttTfQs .node polygon,#mermaid-svg-6t5Bj5S7VfttTfQs .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-6t5Bj5S7VfttTfQs .rough-node .label text,#mermaid-svg-6t5Bj5S7VfttTfQs .node .label text,#mermaid-svg-6t5Bj5S7VfttTfQs .image-shape .label,#mermaid-svg-6t5Bj5S7VfttTfQs .icon-shape .label{text-anchor:middle;}#mermaid-svg-6t5Bj5S7VfttTfQs .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-6t5Bj5S7VfttTfQs .rough-node .label,#mermaid-svg-6t5Bj5S7VfttTfQs .node .label,#mermaid-svg-6t5Bj5S7VfttTfQs .image-shape .label,#mermaid-svg-6t5Bj5S7VfttTfQs .icon-shape .label{text-align:center;}#mermaid-svg-6t5Bj5S7VfttTfQs .node.clickable{cursor:pointer;}#mermaid-svg-6t5Bj5S7VfttTfQs .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-6t5Bj5S7VfttTfQs .arrowheadPath{fill:#333333;}#mermaid-svg-6t5Bj5S7VfttTfQs .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-6t5Bj5S7VfttTfQs .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-6t5Bj5S7VfttTfQs .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-6t5Bj5S7VfttTfQs .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-6t5Bj5S7VfttTfQs .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-6t5Bj5S7VfttTfQs .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-6t5Bj5S7VfttTfQs .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-6t5Bj5S7VfttTfQs .cluster text{fill:#333;}#mermaid-svg-6t5Bj5S7VfttTfQs .cluster span{color:#333;}#mermaid-svg-6t5Bj5S7VfttTfQs div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-6t5Bj5S7VfttTfQs .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-6t5Bj5S7VfttTfQs rect.text{fill:none;stroke-width:0;}#mermaid-svg-6t5Bj5S7VfttTfQs .icon-shape,#mermaid-svg-6t5Bj5S7VfttTfQs .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-6t5Bj5S7VfttTfQs .icon-shape p,#mermaid-svg-6t5Bj5S7VfttTfQs .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-6t5Bj5S7VfttTfQs .icon-shape .label rect,#mermaid-svg-6t5Bj5S7VfttTfQs .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-6t5Bj5S7VfttTfQs .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-6t5Bj5S7VfttTfQs .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-6t5Bj5S7VfttTfQs :root{–mermaid-font-family:\”trebuchet ms\”,verdana,arial,sans-serif;}

用户操作

读写

通知更新

View（界面）

Controller（逻辑）

Model（数据）

1.2 Android 里的“伪 MVC”

由于 Android 的 XML 布局能力太弱，无法处理业务逻辑，所有的事件（Click、TextChange）都必须回到 Activity 或 Fragment 中处理。

这就导致了：

• View：XML 布局。
• Controller：Activity / Fragment。
• Model：数据获取与存储。

Activity 被迫同时承担了 View 和 Controller 的双重角色。

1.3 代码实况：经典的 MVC 写法

// ❌ 典型的 MVC 写法（也是“屎山”的起点）
class LoginActivity : AppCompatActivity() {

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

val etAccount = findViewById<EditText>(R.id.etAccount)
val etPwd = findViewById<EditText>(R.id.etPwd)
val btnLogin = findViewById<Button>(R.id.btnLogin)
val tvTip = findViewById<TextView>(R.id.tvTip)

// 读取本地缓存
val sp = getSharedPreferences("config", MODE_PRIVATE)
val lastAccount = sp.getString("last_account", "")
etAccount.setText(lastAccount)

btnLogin.setOnClickListener {
val account = etAccount.text.toString()
val pwd = etPwd.text.toString()

// 1. 校验逻辑（业务）
if (account.isBlank() || pwd.isBlank()) {
tvTip.text = "请输入账号密码"
return@setOnClickListener
}

// 2. 更新 UI（View）
btnLogin.isEnabled = false
tvTip.text = "登录中…"

// 3. 网络请求（直接裸线程）
Thread {
val result = URL("https://api.xxx.com/login?a=$account&p=$pwd").readText()

// 4. 回到主线程更新 UI
runOnUiThread {
btnLogin.isEnabled = true
tvTip.text = "登录成功"
// 5. 存储数据
sp.edit().putString("last_account", account).apply()
// 6. 跳转
startActivity(Intent(this, HomeActivity::class.java))
finish()
}
}.start()
}
}
}

1.4 为什么 MVC 会腐烂？

2. MVP：第一次尝试“解耦”

为了解决 MVC 的耦合问题，MVP（Model-View-Presenter）登场了。它的核心思想是：把业务逻辑从 Activity 里抽出来，放到 Presenter 中。

2.1 MVP 的结构

#mermaid-svg-PJhW5iEK1Wdmps3Q{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-PJhW5iEK1Wdmps3Q .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-PJhW5iEK1Wdmps3Q .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-PJhW5iEK1Wdmps3Q .error-icon{fill:#552222;}#mermaid-svg-PJhW5iEK1Wdmps3Q .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-PJhW5iEK1Wdmps3Q .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-PJhW5iEK1Wdmps3Q .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-PJhW5iEK1Wdmps3Q .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-PJhW5iEK1Wdmps3Q .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-PJhW5iEK1Wdmps3Q .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-PJhW5iEK1Wdmps3Q .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-PJhW5iEK1Wdmps3Q .marker{fill:#333333;stroke:#333333;}#mermaid-svg-PJhW5iEK1Wdmps3Q .marker.cross{stroke:#333333;}#mermaid-svg-PJhW5iEK1Wdmps3Q svg{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-PJhW5iEK1Wdmps3Q p{margin:0;}#mermaid-svg-PJhW5iEK1Wdmps3Q .label{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-PJhW5iEK1Wdmps3Q .cluster-label text{fill:#333;}#mermaid-svg-PJhW5iEK1Wdmps3Q .cluster-label span{color:#333;}#mermaid-svg-PJhW5iEK1Wdmps3Q .cluster-label span p{background-color:transparent;}#mermaid-svg-PJhW5iEK1Wdmps3Q .label text,#mermaid-svg-PJhW5iEK1Wdmps3Q span{fill:#333;color:#333;}#mermaid-svg-PJhW5iEK1Wdmps3Q .node rect,#mermaid-svg-PJhW5iEK1Wdmps3Q .node circle,#mermaid-svg-PJhW5iEK1Wdmps3Q .node ellipse,#mermaid-svg-PJhW5iEK1Wdmps3Q .node polygon,#mermaid-svg-PJhW5iEK1Wdmps3Q .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-PJhW5iEK1Wdmps3Q .rough-node .label text,#mermaid-svg-PJhW5iEK1Wdmps3Q .node .label text,#mermaid-svg-PJhW5iEK1Wdmps3Q .image-shape .label,#mermaid-svg-PJhW5iEK1Wdmps3Q .icon-shape .label{text-anchor:middle;}#mermaid-svg-PJhW5iEK1Wdmps3Q .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-PJhW5iEK1Wdmps3Q .rough-node .label,#mermaid-svg-PJhW5iEK1Wdmps3Q .node .label,#mermaid-svg-PJhW5iEK1Wdmps3Q .image-shape .label,#mermaid-svg-PJhW5iEK1Wdmps3Q .icon-shape .label{text-align:center;}#mermaid-svg-PJhW5iEK1Wdmps3Q .node.clickable{cursor:pointer;}#mermaid-svg-PJhW5iEK1Wdmps3Q .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-PJhW5iEK1Wdmps3Q .arrowheadPath{fill:#333333;}#mermaid-svg-PJhW5iEK1Wdmps3Q .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-PJhW5iEK1Wdmps3Q .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-PJhW5iEK1Wdmps3Q .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-PJhW5iEK1Wdmps3Q .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-PJhW5iEK1Wdmps3Q .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-PJhW5iEK1Wdmps3Q .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-PJhW5iEK1Wdmps3Q .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-PJhW5iEK1Wdmps3Q .cluster text{fill:#333;}#mermaid-svg-PJhW5iEK1Wdmps3Q .cluster span{color:#333;}#mermaid-svg-PJhW5iEK1Wdmps3Q div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-PJhW5iEK1Wdmps3Q .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-PJhW5iEK1Wdmps3Q rect.text{fill:none;stroke-width:0;}#mermaid-svg-PJhW5iEK1Wdmps3Q .icon-shape,#mermaid-svg-PJhW5iEK1Wdmps3Q .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-PJhW5iEK1Wdmps3Q .icon-shape p,#mermaid-svg-PJhW5iEK1Wdmps3Q .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-PJhW5iEK1Wdmps3Q .icon-shape .label rect,#mermaid-svg-PJhW5iEK1Wdmps3Q .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-PJhW5iEK1Wdmps3Q .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-PJhW5iEK1Wdmps3Q .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-PJhW5iEK1Wdmps3Q :root{–mermaid-font-family:\”trebuchet ms\”,verdana,arial,sans-serif;}

用户事件

调用

结果

接口回调

View（Activity）实现接口

Presenter（逻辑）

Model（数据）

2.2 代码实况：MVP 的标准写法

1. 定义 View 接口（把 Activity 的能力抽象出来）

interface LoginContract {
interface View {
fun showLoading()
fun hideLoading()
fun showError(msg: String)
fun navigateToHome()
fun isActive(): Boolean // 关键：判断页面是否还活着
}

interface Presenter {
fun attach(view: View)
fun detach()
fun login(account: String, pwd: String)
}
}

2. 实现 Presenter（纯业务逻辑，不碰 UI 控件）

class LoginPresenter : LoginContract.Presenter {

private var view: LoginContract.View? = null

override fun attach(view: LoginContract.View) {
this.view = view
}

override fun detach() {
this.view = null // 断开引用，防止内存泄漏
}

override fun login(account: String, pwd: String) {
if (account.isBlank() || pwd.isBlank()) {
if (view?.isActive() == true) {
view?.showError("账号密码不能为空")
}
return
}

view?.showLoading()

// 模拟网络请求（实际项目会用 Coroutine）
Thread {
Thread.sleep(1200)
if (view?.isActive() == true) {
// 回到主线程
Handler(Looper.getMainLooper()).post {
view?.hideLoading()
view?.navigateToHome()
}
}
}.start()
}
}

3. Activity 作为 View 层

class LoginActivity : AppCompatActivity(), LoginContract.View {

private lateinit var presenter: LoginPresenter

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

presenter = LoginPresenter()
presenter.attach(this)

findViewById<Button>(R.id.btnLogin).setOnClickListener {
val account = findViewById<EditText>(R.id.etAccount).text.toString()
val pwd = findViewById<EditText>(R.id.etPwd).text.toString()
presenter.login(account, pwd)
}
}

override fun onDestroy() {
super.onDestroy()
presenter.detach() // 必须断开，否则内存泄漏
}

// —- 实现 View 接口 —-
override fun showLoading() {
findViewById<ProgressBar>(R.id.progressBar).isVisible = true
}

override fun hideLoading() {
findViewById<ProgressBar>(R.id.progressBar).isVisible = false
}

override fun showError(msg: String) {
Toast.makeText(this, msg, Toast.LENGTH_SHORT).show()
}

override fun navigateToHome() {
startActivity(Intent(this, HomeActivity::class.java))
finish()
}

override fun isActive(): Boolean = !isFinishing && !isDestroyed
}

2.3 MVP 的得与失

得：

• 代码终于分层了，Activity 不再是一坨浆糊。
• Presenter 是纯 Kotlin/Java 类，可以脱离手机做单元测试。

失：

• 接口爆炸：一个简单的页面要写 View、Presenter、Contract 三个接口。
• 内存泄漏风险：如果忘了调用 detach()，Presenter 持有的 View 引用会导致 Activity 无法回收。
• 双向依赖：View 调用 Presenter，Presenter 又回调 View，容易形成复杂的调用链。

3. MVVM：正统写法（数据驱动 UI）

MVP 虽然解耦了，但依然需要手动调用接口（view.showLoading()）。MVVM（Model-View-ViewModel） 的出现，彻底改变了这一点。

MVVM 的核心思想只有一个：数据驱动 UI。

你不再需要告诉 View “显示 Loading”，你只需要改变 ViewModel 里的 isLoading 变量，View 会自动根据这个变量更新自己。

3.1 MVVM 的结构

#mermaid-svg-dwBVl4OtrS4XYAS3{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-dwBVl4OtrS4XYAS3 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-dwBVl4OtrS4XYAS3 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-dwBVl4OtrS4XYAS3 .error-icon{fill:#552222;}#mermaid-svg-dwBVl4OtrS4XYAS3 .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-dwBVl4OtrS4XYAS3 .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-dwBVl4OtrS4XYAS3 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-dwBVl4OtrS4XYAS3 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-dwBVl4OtrS4XYAS3 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-dwBVl4OtrS4XYAS3 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-dwBVl4OtrS4XYAS3 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-dwBVl4OtrS4XYAS3 .marker{fill:#333333;stroke:#333333;}#mermaid-svg-dwBVl4OtrS4XYAS3 .marker.cross{stroke:#333333;}#mermaid-svg-dwBVl4OtrS4XYAS3 svg{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-dwBVl4OtrS4XYAS3 p{margin:0;}#mermaid-svg-dwBVl4OtrS4XYAS3 .label{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-dwBVl4OtrS4XYAS3 .cluster-label text{fill:#333;}#mermaid-svg-dwBVl4OtrS4XYAS3 .cluster-label span{color:#333;}#mermaid-svg-dwBVl4OtrS4XYAS3 .cluster-label span p{background-color:transparent;}#mermaid-svg-dwBVl4OtrS4XYAS3 .label text,#mermaid-svg-dwBVl4OtrS4XYAS3 span{fill:#333;color:#333;}#mermaid-svg-dwBVl4OtrS4XYAS3 .node rect,#mermaid-svg-dwBVl4OtrS4XYAS3 .node circle,#mermaid-svg-dwBVl4OtrS4XYAS3 .node ellipse,#mermaid-svg-dwBVl4OtrS4XYAS3 .node polygon,#mermaid-svg-dwBVl4OtrS4XYAS3 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-dwBVl4OtrS4XYAS3 .rough-node .label text,#mermaid-svg-dwBVl4OtrS4XYAS3 .node .label text,#mermaid-svg-dwBVl4OtrS4XYAS3 .image-shape .label,#mermaid-svg-dwBVl4OtrS4XYAS3 .icon-shape .label{text-anchor:middle;}#mermaid-svg-dwBVl4OtrS4XYAS3 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-dwBVl4OtrS4XYAS3 .rough-node .label,#mermaid-svg-dwBVl4OtrS4XYAS3 .node .label,#mermaid-svg-dwBVl4OtrS4XYAS3 .image-shape .label,#mermaid-svg-dwBVl4OtrS4XYAS3 .icon-shape .label{text-align:center;}#mermaid-svg-dwBVl4OtrS4XYAS3 .node.clickable{cursor:pointer;}#mermaid-svg-dwBVl4OtrS4XYAS3 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-dwBVl4OtrS4XYAS3 .arrowheadPath{fill:#333333;}#mermaid-svg-dwBVl4OtrS4XYAS3 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-dwBVl4OtrS4XYAS3 .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-dwBVl4OtrS4XYAS3 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-dwBVl4OtrS4XYAS3 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-dwBVl4OtrS4XYAS3 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-dwBVl4OtrS4XYAS3 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-dwBVl4OtrS4XYAS3 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-dwBVl4OtrS4XYAS3 .cluster text{fill:#333;}#mermaid-svg-dwBVl4OtrS4XYAS3 .cluster span{color:#333;}#mermaid-svg-dwBVl4OtrS4XYAS3 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-dwBVl4OtrS4XYAS3 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-dwBVl4OtrS4XYAS3 rect.text{fill:none;stroke-width:0;}#mermaid-svg-dwBVl4OtrS4XYAS3 .icon-shape,#mermaid-svg-dwBVl4OtrS4XYAS3 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-dwBVl4OtrS4XYAS3 .icon-shape p,#mermaid-svg-dwBVl4OtrS4XYAS3 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-dwBVl4OtrS4XYAS3 .icon-shape .label rect,#mermaid-svg-dwBVl4OtrS4XYAS3 .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-dwBVl4OtrS4XYAS3 .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-dwBVl4OtrS4XYAS3 .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-dwBVl4OtrS4XYAS3 :root{–mermaid-font-family:\”trebuchet ms\”,verdana,arial,sans-serif;}

用户事件

数据变化自动通知

调用

View（Activity/Fragment）

ViewModel（持有数据）

Model（数据）

3.2 代码实况：正统 MVVM（无 State 聚合）

注意：这里讲的是纯粹的 MVVM。ViewModel 可以有多个独立的数据状态，不需要强行聚合为一个 UiState。

1. ViewModel（持有数据，提供方法）

class LoginViewModel : ViewModel() {

// 多个独立的状态（正统 MVVM 允许这样）
private val _isLoading = MutableLiveData(false)
val isLoading: LiveData<Boolean> = _isLoading

private val _error = MutableLiveData<String?>()
val error: LiveData<String?> = _error

private val _loginSuccess = SingleLiveEvent<Boolean>()
val loginSuccess: LiveData<Boolean> = _loginSuccess

// 业务逻辑
fun login(account: String, password: String) {
if (account.isBlank() || password.isBlank()) {
_error.value = "账号/密码不能为空"
return
}

_isLoading.value = true
_error.value = null

// 使用 viewModelScope，页面销毁自动取消
viewModelScope.launch {
delay(1200) // 模拟网络
_isLoading.value = false
_loginSuccess.value = true
}
}
}

2. View 层（只观察，不指挥）

class LoginActivity : AppCompatActivity() {

private val viewModel: LoginViewModel by viewModels()
private lateinit var binding: ActivityLoginBinding

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityLoginBinding.inflate(layoutInflater)
setContentView(binding.root)

// 1. 观察数据变化
viewModel.isLoading.observe(this) { isLoading ->
binding.progressBar.isVisible = isLoading
binding.btnLogin.isEnabled = !isLoading
}

viewModel.error.observe(this) { error ->
binding.tvTip.text = error ?: ""
}

viewModel.loginSuccess.observe(this) { success ->
if (success) {
startActivity(Intent(this, HomeActivity::class.java))
finish()
}
}

// 2. 发送事件
binding.btnLogin.setOnClickListener {
viewModel.login(
binding.etAccount.text.toString(),
binding.etPwd.text.toString()
)
}
}
}

3.3 MVVM 为什么是现在的行业标准？

4. 避坑指南：MVVM 的常见误区

虽然 MVVM 很好，但在企业项目中，如果不守规矩，依然会写出烂代码。

4.1 误区一：ViewModel 持有 View 引用

// ❌ 绝对禁止
class BadViewModel : ViewModel() {
private var activity: Activity? = null // 必泄漏
}

正解：ViewModel 永远只持有数据，不持有任何 Android View 或 Context（Application Context 除外）。

4.2 误区二：在 ViewModel 里直接操作 UI

// ❌ 绝对禁止
class BadViewModel : ViewModel() {
fun login() {
Toast.makeText(getApplication(), "登录成功", Toast.LENGTH_SHORT).show() // ViewModel 不该管 Toast
}
}

正解：Toast、Dialog、Navigation 都是 View 的行为，ViewModel 只负责告诉 View “发生了什么”（通过 LiveData/Event），View 自己决定怎么展示。

4.3 误区三：状态碎片化导致不一致

当一个页面有很多状态时，如果不加约束，会出现这种情况：

// ⚠️ 危险信号
class FragmentedViewModel : ViewModel() {
val loading = MutableLiveData(false)
val data = MutableLiveData<List<Item>>()
val error = MutableLiveData<String?>()
val buttonEnabled = MutableLiveData(true)
val refreshing = MutableLiveData(false)
// 当 loading=true 时，buttonEnabled 应该是什么？没人记得，全靠运气。
}

解决方案：当状态超过 5 个，且彼此有强关联时，请使用 MVI（单向数据流） 来聚合状态。
(注：本篇专注于 MVVM，MVI 将在后续系列中详细展开)

5. 总结：如何选择？

一句话总结：
MVC 是青春期的冲动，MVP 是成长的阵痛，MVVM 是成熟的代价。
请在你的新项目中，坚定不移地使用 MVVM。

下期预告：
系列一：架构思想进阶 | 第2篇：分层架构实战 —— 四层拆分与单向依赖
（我们将讨论：为什么要把代码拆成 data/domain/presentation，以及如何用 Gradle 强制禁止跨层调用。）