Bedingte Ansichten
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 22 von 50.
Ein if innerhalb eines Bodys entscheidet, ob eine Ansicht überhaupt vorhanden ist:
@State private var showDetails = false
var body: some View {
VStack {
Button("Show details") {
showDetails.toggle()
}
if showDetails {
Text("Made with SwiftUI")
}
}
}Solange showDetails false ist, ist der Text nicht Teil des Bildschirms. Nach dem Tippen wird er angezeigt. Ein else-Zweig zeigt stattdessen eine andere Ansicht:
if isLoggedIn {
Text("Welcome back")
} else {
Button("Log in") { isLoggedIn = true }
}
Aufgabe
EinfachDer Text Made with SwiftUI sollte erst erscheinen, nachdem der Benutzer auf Show details tippt. Lass die Schaltfläche showDetails setzen und zeige den Text (mit seiner Kennung) nur an, wenn showDetails wahr ist.
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 aufgeben5Status und Buttons
ButtonsDie @State-EigenschaftWahr-oder-falsch-StatusBedingte AnsichtenZusammenfassung – Punktestand verwaltenÜbe selbstständig: Swift-Playground