Menu
Coddy logo textTech

ピッカー

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)
challenge icon

チャレンジ

簡単

MilkというタイトルのPickerを追加し、milkにバインドして、識別子をmilkに設定し、3つのオプション(WholeOatSoy)をそれぞれ自身の名前でタグ付けします。選択内容を表示する、その下のテキストは残してください。

自分で試してみよう

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

SwiftUI入門のすべてのレッスン

自分で練習してみよう: Swiftプレイグラウンド