ピッカー
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 27/50。
Pickerは、選択肢のリストから1つの値を選択します。各選択肢は.tagを持つビューであり、選択された選択肢のタグがバインドされた状態に書き込まれます:
@State private var size = "Medium"
Picker("Size", selection: $size) {
Text("Small").tag("Small")
Text("Medium").tag("Medium")
Text("Large").tag("Large")
}タグは状態と同じ型、この場合は String でなければなりません。.pickerStyle(.segmented) はオプションをセグメントの行として表示します:
Picker("Size", selection: $size) {
Text("S").tag("Small")
Text("L").tag("Large")
}
.pickerStyle(.segmented)チャレンジ
簡単MilkというタイトルのPickerを追加し、milkにバインドして、識別子をmilkに設定し、3つのオプション(Whole、Oat、Soy)をそれぞれ自身の名前でタグ付けします。選択内容を表示する、その下のテキストは残してください。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド