Menu
CoddyTech

项目概览

本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 43 课,共 50 课。

在这个项目中,你会每节课完成一个步骤,构建Coddy Coffee,一个小型点餐应用。完成后,它将包含:

  1. 包含饮品及其价格的菜单
  2. 每种饮品对应的界面
  3. 尺寸选择器
  4. 数量调节器和订单总价
  5. 下单按钮

每一步都从上一步的代码开始,所以要保留你写的所有内容,以及任务给出的标识符。饮品是一个结构体:

struct Drink: Identifiable {
    let id = UUID()
    let name: String
    let price: Double
}

这一步会构建菜单:一个包含 NavigationStack 和 List 的导航堆栈,每种饮料占一行,名称在左侧,价格在右侧。

challenge icon

挑战

简单

构建菜单界面。在 NavigationStack 中显示一个标题为 Coddy Coffee 的 drinks 列表。每一行都是一个 HStack,包含饮品名称、一个 Spacer 和保留两位小数的价格,例如 $2.50。

亲手试试

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器