Widoki warunkowe
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 22 z 50.
if wewnątrz treści decyduje o tym, czy widok w ogóle się pojawi:
@State private var showDetails = false
var body: some View {
VStack {
Button("Show details") {
showDetails.toggle()
}
if showDetails {
Text("Made with SwiftUI")
}
}
}Gdy showDetails ma wartość false, tekst nie jest częścią ekranu. Po dotknięciu pojawia się. Gałąź else wyświetla zamiast tego inny widok:
if isLoggedIn {
Text("Welcome back")
} else {
Button("Log in") { isLoggedIn = true }
}
Wyzwanie
ŁatwyTekst Made with SwiftUI powinien pojawić się dopiero po dotknięciu przez użytkownika przycisku Show details. Spraw, aby przycisk ustawił showDetails i wyświetlaj tekst (wraz z jego identyfikatorem) tylko wtedy, gdy showDetails ma wartość true.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Sprawdź sięTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów
Wybierz rozmiarIlość i sumaZłóż zamówienie2Wyświetlanie treści
Widoki tekstoweLiczby w tekścieCzcionkiKolorySF SymbolsPodsumowanie — metka z ceną5Stan i przyciski
PrzyciskiWłaściwość @StateStan prawda lub fałszWidoki warunkowePodsumowanie — licznik punktów6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI