会议计划

会议计划为你提供俱乐部活动建议,帮助你学习 SwiftUI 基础知识以及数据建模和空间计算的基础知识。

为你的俱乐部选择一个主题。

如果你之前从未使用过 Xcode、Swift 或 SwiftUI,请从“SwiftUI 基础知识”开始学习。

SwiftUI 基础知识

  • 5 个独立完成的教程

  • 10 次会议 (包含团体活动)

通过使用 SwiftUI 构建 App 来学习 App 开发的基础知识。按照分步教程操作,创建原型、App 屏幕和功能完备的 App。然后在俱乐部的帮助和支持下,运用所学到的知识创作属于你的独特作品。

注:你无需 iPhone 也可以预览 App。Xcode 中包含的工具可以直接在 Mac 上为你展示 App 的视觉效果和运作方式。

请先阅读欢迎学习“使用 Swift 开发”教程

第 1 章

探索 Xcode

通过创建即时通讯 App 的原型来了解 Xcode 和 SwiftUI。了解 Swift 的语法,以及如何使用源代码编辑器和预览。


第 1 次会议

准备工作:在第 1 次会议之前完成“初识 SwiftUI” 教程。

团体活动:以小组形式或全体一起完成《总结:探索 Xcode》 一文中“Extend your app”(扩展 App 功能) 部分的两个建议。

第 2 次会议

准备工作:阅读《总结:探索 Xcode》 一文中的“Reflect on the concepts”(回顾概念) 部分。

团体活动:新建一个名为“MyselfInSixWords”的 Xcode 项目。使用 Text 视图显示 6 个描述你的词。为每个词设置一定的边距和不同的背景色。将 VStack 替换为 HStack,尝试横向显示这些词。然后,为了增加挑战难度,请结合使用 HStackVStack 视图,为 App 创建不同的布局。你能否将一个 HStack 视图嵌套在一个 VStack 视图中,或者反过来。如果这样做会怎样?

会议结束时,每人花几分钟时间来展示你的 MyselfInSixWords 项目。

第 2 章

视图、结构和属性

了解如何构建自定义视图以创建多日天气预报。你将在视图中使用属性来自定义每一天的显示内容。


第 3 次会议

准备工作:完成“使用属性自定义视图” 教程。

团体活动:以小组形式或全体一起完成《总结:视图、结构体和属性》 一文中“Extend your app”(扩展 App 功能) 部分的一个或两个建议。

第 4 次会议

准备工作:阅读《总结:视图、结构体和属性》 一文中的“Reflect on the concepts”(回顾概念) 部分。

团体活动:练习使用计算属性。添加一个计算属性,在最高气温高于 80 华氏度 (high > 80) 时返回不同的颜色。使用 .foregroundStyle 修饰符,根据该属性的值更改文本颜色。

每人花几分钟时间来展示你的成果。记下你能添加到项目中的内容,以及你还需要协助或需要时间才能完成的内容。

第 3 章

布局和样式

为 iOS App 构建两个新手引导屏幕,帮助用户了解有用的工具,将视图放置在屏幕上的理想位置并查看其尺寸。在资源目录中定义颜色,并使用它们创建渐变背景。


第 5 次会议

准备工作:完成“设计界面” 教程。

团体活动:在新手引导流程中添加第三个页面。在新页面中添加你想要的各种元素。如果时间允许,可以修改 App 的设计和颜色。

第 6 次会议

准备工作:阅读《总结:布局和样式》 一文中的“Reflect on the concepts”(回顾概念) 部分。

团体活动:练习轻扫切换多个视图。新建一个 Xcode 项目,并使用 .tabViewStyle(.page) 创作一个简短的故事,这样你就可以轻扫切换书页。将第一个页面设计为书的封面,加上大标题、作者姓名、一个或多个 SF Symbols 符号,以及一些色彩点缀。对于故事中的页面,想出有创意的方式来显示章节标题、文本和图片。

每人花几分钟时间展示你在图书项目中取得的成果。讨论你计划继续改进哪些内容。

第 4 章

按钮和状态

了解如何将按钮添加到 App。了解 Swift 闭包及其与按钮的关系。使用状态属性来自动更新用户界面。


第 7 次会议

准备工作:完成“使用状态更新 UI” 教程。

团体活动:不在骰子图像下方显示掷骰子按钮,而是修改 DiceView,让用户可以轻点骰子本身来随机掷骰子。

第 8 次会议

准备工作:阅读《总结:按钮和状态》 一文中的“Reflect on the concepts”(回顾概念) 部分。

团体活动:创建一个简单的按钮 App。新建一个 Xcode 项目,并设计一个包含一到两个按钮的 App。你可以使用设计一个简单的 App 项目来帮助你构思。

每人花几分钟时间展示你的按钮 App 设计和项目。与你的俱乐部分享你认为比预期更容易和更困难的事情。

第 5 章

列表和文本栏

创建一个动态界面,以数组形式储存一组项目,并用列表显示这些项目。使用文本栏和绑定来让用户输入文本。


第 9 次会议

准备工作:完成“创建动态内容” 教程。

团体活动:《总结:列表和文本栏》 一文中“Extend your app”(扩展 App 功能) 部分选择一个建议。

第 10 次会议

准备工作:阅读《总结:列表和文本栏》 一文中的“Reflect on the concepts”(回顾概念) 部分。

团体活动:设置地址标签的格式。新建一个名为“AddressLabel”的 Xcode 项目。使用 @State 属性和文本栏收集地址的不同元素,例如城市和国家/地区。然后在屏幕顶部显示完整格式的地址。自定义登记表单和地址的字体、大小和颜色。

每人花几分钟时间,分享你打算在此次俱乐部结束后做些什么。你会如何继续学习 App 开发?你想开发什么 App?

下一页:

数据建模