1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107
| 一、鸿蒙的“官方推荐”架构
鸿蒙官方在 ArkUI/ArkTS 和 Java HarmonyOS Ability 开发里,推荐用:
1.MVVM(官方最推)
ArkUI/ArkTS 天然支持 数据驱动,也就是 MVVM 核心思想:
Model:数据实体,普通类或 JS 对象
ViewModel:@Observed, @State, @Computed 等管理状态
View:ArkUI Column, Row, Stack 等 UI 组件
数据变化 → UI 自动刷新(无需手动 findView/updateView)
典型标志:
@Observed class DeviceData { batteryPercent: number; online: boolean; }
@Component struct DeviceItem { @ObjectLink data: DeviceData; build() { Column() { Text("电量: " + this.data.batteryPercent + "%") } } }
这个就是 ArkUI 的 MVVM 核心方式。
2.MVP / MVI(非官方也可用)
MVP:
Model: 数据实体
View: ArkUI 页面
Presenter: 普通 TypeScript / Java 类负责业务逻辑
这种方式在鸿蒙 Java 端和 ArkUI 前端都可以实现,但不如 MVVM 官方支持好。
使用场景:你想完全分离逻辑和 UI,类似 Android 老项目迁移。
MVI:
也是数据驱动,但强调 状态不可变 + 单向数据流
对于复杂页面(设备列表、巡检表格、地图轨迹)非常适合
二、鸿蒙开发特点与 Android 不同点 # Android 与 鸿蒙 ArkUI/ArkTS 特性对比
| 特性 | Android | 鸿蒙 ArkUI / ArkTS | |------|---------|------------------| | **数据绑定** | LiveData / ViewModel | `@State`, `@Observed` | | **UI 组件** | XML / Jetpack Compose | Column, Row, Stack, Text, Image | | **事件绑定** | `setOnClickListener` | `onClick={() => {...}}` | | **生命周期** | Activity / Fragment | Ability + Component | | **官方推荐架构** | MVVM + Jetpack | MVVM + ArkUI |
总结:鸿蒙官方就是 ArkUI + MVVM,几乎天然支持,直接用 @Observed/@State 就能做双向绑定。
三、鸿蒙项目常用 MVVM 模式结构 project/ │ ├─ model/ # 数据模型 │ └─ Device.ts │ ├─ view/ # 页面组件 │ └─ DevicePage.ts │ ├─ viewmodel/ # 管理状态、提供数据 │ └─ DeviceViewModel.ts │ ├─ service/ # 网络/设备/数据库服务 │ └─ DeviceService.ts └─ utils/
使用方法:
ViewModel 中保存状态
View 使用 @Observed 或 @State 绑定 ViewModel 数据
数据变化 → UI 自动刷新,无需手动更新
四、安卓开发经验迁移到鸿蒙
LiveData → @Observed/@State
ViewModel → ArkTS/Java 对应 ViewModel 类
DataBinding / Jetpack Compose → Column/Row/Stack + build()
MVP 的 Presenter → ArkTS 类 + 自己调用更新函数
核心区别:鸿蒙更偏 声明式 + 数据驱动,MVVM 天然支持,MVP 只能自己写。
|