Menu
CoddyTech
开始学习

回顾：订单表单

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

challenge icon

挑战

中等

在 VStack 中构建一个咖啡点单表单：

  • 一个占位文本为 Name、标识符为 name，并绑定到 name 的 TextField
  • 一个标题为 Coffees: 1、范围从 1 到 3、绑定到 count，且标识符为 count 的 Stepper
  • 一个标题为 Extra shot、绑定到 extraShot，且标识符为 extra 的 Toggle
  • 一段标识符为 summary 的摘要文本，例如 Ada: 2 coffees；切换开关开启时，在末尾添加 , extra shot

亲手试试

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

SwiftUI 入门中的所有课

1简介

什么是 SwiftUI应用文件

4修饰符

内边距背景修饰符顺序框架与形状回顾：徽章制作器

7列表

遍历可识别的项目列表添加项目回顾：购物清单

10项目：Coddy 咖啡馆

项目概览饮品界面项目课选择尺寸项目课数量和总价项目课下单项目课

2显示内容

文本视图文本中的数字字体颜色SF Symbols回顾：价格标签

5状态与按钮

按钮@State 属性真或假状态条件视图回顾：计分器

8导航

NavigationStackNavigationLink传递数据工作表与警告框回顾：植物指南

11最终挑战

小费计算器待办事项列表判断真假游戏

3堆栈与布局

VStackHStack对齐与间距Spacer 与 ZStack回顾：天气卡片

6用户输入

文本框切换开关步进器和滑块选择器回顾：订单表单

9共享数据

@Binding 属性可观察对象环境对象回顾：步数计数器

自己练习： SwiftUI 在线编辑器