3.7 KiB
3.7 KiB
部门课 01:第一次运行与 SwiftUI 组件万花筒
教学目标
- 认识 Xcode、SwiftUI 项目、模拟器和运行按钮分别承担什么作用。
- 完整了解 Xcode、必要组件和 iOS Simulator Runtime 的安装配置过程。
- 能从 Xcode 系统模板创建一个基础 SwiftUI App。
- 能将授课干部提供的“SwiftUI 组件万花筒”Demo 放入项目,并在模拟器中成功 Build/Run。
- 通过一个页面观察 SwiftUI 提供的多种标准组件和样式,为后续课程建立兴趣与方向感。
- 知道可以自由修改文字、图标、颜色或控件初始值,但本节不要求理解全部代码。
教学内容
1. 环境与工具
- 课前提前发送安装说明和资料,鼓励先配置以节约上课时间,但不强制提前完成。
- 课堂完整演示 Xcode 下载、安装、首次启动、必要组件和 iOS Simulator Runtime 的配置过程。
- 不集体等待大型下载。尚未完成安装的学员课后继续配置,尽量在部门课 2 开始前跑通环境。
- 简单认识项目区、代码编辑区、运行目标、运行按钮、模拟器和错误提示位置。
2. 创建第一个项目
- 从 Xcode 系统模板创建最基础的 SwiftUI iOS App。
- 选择一个可用的模拟器作为运行目标,完成第一次 Build/Run。
- 说明
ContentView.swift是本节主要修改位置,不系统讲解工程结构或 Swift 语法。
3. SwiftUI 组件万花筒 Demo
- Demo 使用单页面、可滚动的结构,不依赖网络、外部素材、数据持久化或多页面导航。
- 页面展示以下标准组件及少量简单变体:
Text、Label和 SF Symbols;- 普通按钮与强调按钮;
Toggle、Slider、Stepper等简单控件;TextField等输入组件;ProgressView、基础图形、颜色和圆角卡片。
- 控件可以具有简单的本地反馈,但本节只观察效果,不提前讲授状态管理、信息流或组件 API。
- 告诉学员这些组件会在后续页面、交互和数据课程中逐步拆开学习,本节只需运行、观察和尝试。
4. 自由尝试
- 鼓励学员自由修改一处文字、SF Symbol、颜色、按钮标题或控件初始值。
- 修改属于自由尝试,不作为最低完成条件。
- 演示撤销和重新运行,避免一次改坏后继续无序修改。
- 本节不教授 Git,作品不需要上传仓库。
课后作业
最低完成标准
- Xcode 能正常启动,且至少有一个可用的 iOS Simulator Runtime。
- 使用 Xcode 系统模板创建项目,放入授课干部提供的组件万花筒 Demo。
- 在模拟器中成功 Build/Run,并显示主要组件。
- 保存项目,供后续继续使用或检查。
建议完成标准
- 自由修改一处文字、SF Symbol、颜色或控件初始值,再运行观察变化。
- 探索感兴趣的组件,不要求修改指定数量或解释全部代码。
尚未完成配置的学员课后继续安装;遇到问题时保留完整错误文字、必要截图和已尝试步骤。本节不要求当堂完成大型下载,不要求上传 GitHub、完成个人页面或完整 App。
验收方式
- 以组件万花筒在模拟器中真实 Build/Run 为基础完成标准,个人修改不作为门槛。
- 无需正式提交作业;可以用运行截图记录结果,也可以在下一次上课时现场运行确认。
- 不要求解释完整 Swift 语法、状态管理或全部组件代码。
- 受设备、系统或下载影响未完成时,记录具体卡点并提供帮助,不把尝试记录等同于已经运行成功。
- 部门课 02 开始前尽量完成环境和 Demo 运行,以便进入 AI 与 Git 工具实践。