Skip to content

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 相关的内容请查询官网

Swift UI 实战教程 has loaded