ステッパーとスライダー
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 26/50。
Stepperには数値を変更する-ボタンと+ボタンがあります。in:範囲によって、値を制限内に保ちます：
@State private var cups = 1
Stepper("Cups: \(cups)", value: $cups, in: 1...5)5 では + ボタンが機能しなくなり、1 では - ボタンが機能しなくなります。step: は一度に 1 より大きく変化します。
SliderはドラッグしてDoubleを選択します：
@State private var volume = 50.0
Slider(value: $volume, in: 0...100, step: 5)状態はDoubleなので、宣言するときは50ではなく50.0と書きます。
チャレンジ
簡単ユーザーが購入するチケットの枚数を選べるようにします。テキストを、tickets にバインドされ、1 から 4 までの、Tickets: 1、Tickets: 2、... というタイトルの Stepper に置き換えます。ステッパーに識別子 tickets を設定します。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド