Menu
CoddyTech

步进器和滑块

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

Stepper 有 - 和 + 按钮,可以改变数字。in: 范围可将值限制在指定范围内:

@State private var cups = 1

Stepper("Cups: \(cups)", value: $cups, in: 1...5)

在 5 时,+ 按钮停止工作;在 1 时,- 按钮也会停止工作。step: 每次变化的幅度都超过一个单位。

拖动 Slider 来选择一个 Double 值:

@State private var volume = 50.0

Slider(value: $volume, in: 0...100, step: 5)

这个状态的类型是 Double,所以声明时要写 50.0,而不是 50。

challenge icon

挑战

简单

让用户选择要购买的票数。将文本替换为标题为 Tickets: 1、Tickets: 2……的 Stepper,并将其绑定到 tickets,范围从 1 到 4。将标识符 tickets 赋给步进器。

亲手试试

import SwiftUI

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

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

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器