Stan prawda lub fałsz

Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 21 z 50.

Stan może być typu Bool. toggle() przełącza go między true a false:

@State private var isOn = false

Button("Switch") {
    isOn.toggle()
}

Operator warunkowy wybiera wartość na podstawie stanu, więc jeden widok może wyświetlać dwie wersje:

Text(isOn ? "Light is on" : "Light is off")
    .foregroundStyle(isOn ? .yellow : .gray)

isOn ? a : b daje a, gdy isOn ma wartość true, a w przeciwnym razie b. Po każdym stuknięciu body uruchamia się ponownie, a zarówno tekst, jak i kolor dostosowują się do nowej wartości.

Wyzwanie

Łatwy

Spraw, aby lampa działała. Dotknięcie Switch powinno przełączać isOn, a tekst powinien wyświetlać Light is on, gdy isOn ma wartość true, i Light is off, gdy ma wartość false.

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

1Wprowadzenie

Czym jest SwiftUI Plik aplikacji

4Modyfikatory

Wypełnienie Tła Kolejność modyfikatorów Ramki i kształty Powtórka — tworzenie odznaki

7Listy

ForEach Elementy identyfikowalne Lista Dodawanie elementów Podsumowanie — lista zakupów

10Projekt – Kawiarnia Coddy

Przegląd projektu Ekrany napojów

Wybierz rozmiar

Ilość i suma

Złóż zamówienie

2Wyświetlanie treści

Widoki tekstowe Liczby w tekście Czcionki Kolory SF Symbols Podsumowanie — metka z ceną

5Stan i przyciski

Przyciski Właściwość @StateStan prawda lub fałszWidoki warunkowe Podsumowanie — licznik punktów

8Nawigacja

NavigationStack NavigationLink Przekazywanie danych Arkusze i alerty Podsumowanie — przewodnik po roślinach

11Wyzwania końcowe

Kalkulator napiwków Lista zadań Gra Prawda czy fałsz

3Stosy i układy

VStack HStack Wyrównanie i odstępy Spacer i ZStack Powtórka — karta pogodowa

6Dane wejściowe użytkownika

Pole tekstowe Przełącznik Przyciski krokowe i suwak Selektor Podsumowanie – formularz zamówienia

9Udostępnianie danych

Właściwość @Binding Obiekty obserwowalne Obiekty środowiskowe Podsumowanie — licznik kroków

Poćwicz samodzielnie: Edytor online SwiftUI