Auswahlfeld
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 27 von 50.
Ein Picker wählt einen Wert aus einer Liste von Optionen aus. Jede Option ist eine Ansicht mit einem .tag, und das Tag der ausgewählten Option wird in den gebundenen Zustand geschrieben:
@State private var size = "Medium"
Picker("Size", selection: $size) {
Text("Small").tag("Small")
Text("Medium").tag("Medium")
Text("Large").tag("Large")
}Die Tags müssen denselben Typ wie der Zustand haben, hier String. .pickerStyle(.segmented) zeigt die Optionen als eine Reihe von Segmenten an:
Picker("Size", selection: $size) {
Text("S").tag("Small")
Text("L").tag("Large")
}
.pickerStyle(.segmented)
Aufgabe
EinfachFüge einen Picker mit dem Titel Milk hinzu, der an milk gebunden ist, den Bezeichner milk hat und drei Optionen enthält: Whole, Oat und Soy, die jeweils mit ihrem eigenen Namen versehen sind. Behalte den Text darunter bei, der die Auswahl anzeigt.
Probier es selbst
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Einführung in SwiftUI
4Modifikatoren
InnenabstandHintergründeReihenfolge der ModifikatorenRahmen und FormenRückblick – Badge Maker10Projekt – Coddy Coffee
ProjektübersichtGetränkeansichten
Größe auswählenMenge und GesamtbetragBestellung aufgebenÜbe selbstständig: Swift-Playground