按钮

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

Button 会显示标签，并在被点击时执行操作。最简形式需要一个标题和一个闭包：

Button("Sign in") {
    // 点击按钮时运行
}

要使用自定义标签，先传入操作，再在第二个闭包中构建标签：

Button {
    // 操作
} label: {
    Label("Add to cart", systemImage: "cart")
}

.buttonStyle(.borderedProminent) 会创建一个填充样式的按钮，而 role: .destructive 会将删除操作标记为破坏性操作，因此按钮会显示为红色：

Button("Delete", role: .destructive) {
    // 删除
}

挑战

入门

将文本替换为一个标题为 Order coffee 的 Button。它的 action 暂时可以留空。为它设置 .borderedProminent 按钮样式。

亲手试试

import SwiftUI

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

自我测试

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

SwiftUI 入门中的所有课

1简介

4修饰符

7列表

10项目：Coddy 咖啡馆

2显示内容

5状态与按钮

8导航

11最终挑战

3堆栈与布局

6用户输入

9共享数据