项目概览
本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 43 课,共 50 课。
在这个项目中,你会每节课完成一个步骤,构建Coddy Coffee,一个小型点餐应用。完成后,它将包含:
- 包含饮品及其价格的菜单
- 每种饮品对应的界面
- 尺寸选择器
- 数量调节器和订单总价
- 下单按钮
每一步都从上一步的代码开始,所以要保留你写的所有内容,以及任务给出的标识符。饮品是一个结构体:
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}这一步会构建菜单:一个包含 NavigationStack 和 List 的导航堆栈,每种饮料占一行,名称在左侧,价格在右侧。
挑战
简单构建菜单界面。在 NavigationStack 中显示一个标题为 Coddy Coffee 的 drinks 列表。每一行都是一个 HStack,包含饮品名称、一个 Spacer 和保留两位小数的价格,例如 $2.50。
亲手试试
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}这节课包含一个小测验。开始学习即可作答,并记录你的进度。
SwiftUI 入门中的所有课
自己练习: SwiftUI 在线编辑器