外观风格
Swift UI 实战教程
对于 SwiftUI 的初学者来说,官方教程无疑是最好的范例。它以构建一个 App 为脉络,串联出了 SwiftUI 重要的知识点,并主动抛出开发中一些常见的问题,然后用 SwiftUI 给出了解决方案。通过阅读此教程,你将逐步获得使用 SwiftUI 开发 App 的技能和思想。
本教程为 SwiftUI Tutorials 的翻译及代码示例,更多内容请查询官方网站。
教程参照 2022 年 Apple 官方文档,本教程仅用于学习。
教程内容
教程由4个部分组成,教程中的代码为完成所有教程后的最终成品,你可以直接体验多种 SwiftUI 特性。另外,你也可以在每个教程章节中下载对应的资源和代码。
完成本教程,你将获得一个完整的 App 以及一套精彩的 SwiftUI 代码。
Swift UI 要点
学习如何使用SwiftUI从简单的视图中组成丰富的视图,设置数据流,并建立导航,同时在Xcode的预览中观看其展开。
- 创建和组合视图
- 构建列表和导航
- 处理用户输入
绘图和动画
了解如何绘制形状和路径,以创建一个你要制作动画的徽章,同时还要在视图之间创建无缝过渡。
- 绘制路径及形状
- 动画视图及转场
应用程序设计和布局
探索用 SwiftUI 构建的更复杂界面的结构和布局。
- 组合复杂界面
- 使用 UI 控件
框架整合
将 SwiftUI 视图与平台特定UI框架的视图和视图控制器一起使用。
- 与 UIKit 协作
- 创建 watchOS App
- 创建 macOS App
学习前准备
- 一台系统版本在 Catalina 10.15 及以上的 Mac 电脑
- Xcode,本教程以 12.5.1 版本 为例
- 一台 Iphone7 及以上型号的手机(非必要)
更多关于 Swift UI 相关的内容请查询官网。