步进器和滑块
本课属于 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。
挑战
简单让用户选择要购买的票数。将文本替换为标题为 Tickets: 1、Tickets: 2……的 Stepper,并将其绑定到 tickets,范围从 1 到 4。将标识符 tickets 赋给步进器。
亲手试试
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}这节课包含一个小测验。开始学习即可作答,并记录你的进度。
SwiftUI 入门中的所有课
自己练习: SwiftUI 在线编辑器