从视图状态到模型类
将共享数据提取到类中。
从视图状态到模型类 是 CoddyKit 上的免费 SwiftUI Academy 课时。 这是第 1 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 SwiftUI Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 SwiftUI Academy 课程共包含 4 节课。
@State 不够用了
当屏幕包含许多 @State 值时,视图就会同时处理数据和界面。随着屏幕变大,这种混合很快就会变得混乱。🤔
模型包含什么
模型是一个普通对象,用于存储数据及其相关规则,并与屏幕上的显示方式分离。
一个简单的模型类
首先,将相关值移入同一个类,让它们集中存放在一个整洁的位置。
class Counter {
var count = 0
}方法承载逻辑
使用方法将行为放在数据旁边,这样视图只需请求模型执行操作,而不必亲自完成工作。
class Counter {
var count = 0
func increment() { count += 1 }
}为什么使用类而不是结构体
类是引用类型,因此共享同一个实例的每个视图看到的都是完全相同的数据,而不是各自的私有副本。
让视图保持精简
将逻辑放入模型后,视图的 body 就主要只负责布局。精简的视图更容易阅读,也更便于日后修改。
一个真值来源
将数据保存在模型中,就能拥有一个真值来源,从而避免不同屏幕对当前值产生分歧。
复用模型
由于模型独立于任何视图,您可以在多个屏幕中复用它,甚至可以在测试中使用它。
在视图中持有模型
视图可以创建并将模型实例作为属性持有,以便读取其中的值并调用其方法。
struct CounterView: View {
let model = Counter()
var body: some View { Text("Count") }
}缺失的部分
到目前为止,视图可以读取模型,但数据变化时还不会刷新。接下来我们将使用观察机制解决这个问题。
关注点分离
这种拆分称为关注点分离:视图负责显示,模型负责决策。每个部分都有明确的职责。
快速检查
您已将数据移入类中。快速思考一下这样做的原因。
回顾
您学会了将数据和逻辑从视图中提取到模型类中,让视图保持精简,并为应用提供一个真值来源。✨
用 AI 导师学习 Swift — 免费
在浏览器中编写并运行真实代码,获得全天候 AI 导师的即时帮助,并在网页或应用中继续学习。
- 课程
- 30
- 课程
- 120
常见问题解答
「从视图状态到模型类」课时是免费的吗?
是的 — 「从视图状态到模型类」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 SwiftUI Academy 课程的其余内容,请升级到 CoddyKit PRO。 SwiftUI Academy 课程共包含 4 节课。
「从视图状态到模型类」这节课中我会学到什么?
将共享数据提取到类中。 你通过在浏览器中直接运行的动手代码来练习 SwiftUI Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 SwiftUI Academy 需要有经验吗?
无需任何先前经验。CoddyKit 上的 SwiftUI Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 1 节课,共 4 节。
「从视图状态到模型类」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 SwiftUI Academy 课中编写并运行代码吗?
能。每节 SwiftUI Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。