Kolejność modyfikatorów
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 16 z 50.
Każdy modyfikator opakowuje widok, na którym został wywołany, i zwraca nowy widok. Dlatego kolejność ma znaczenie: modyfikator działa na wszystkim, co utworzyły wcześniejsze modyfikatory.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()W przypadku A najpierw dodawane jest wypełnienie, a następnie tło obejmuje wypełniony obszar: pomarańczowy obszar jest duży. W przypadku B tło obejmuje tylko tekst, a wypełnienie jest dodawane na zewnątrz, tworząc pustą przestrzeń wokół małego pomarańczowego obszaru.
Odczytuj łańcuch modyfikatorów od góry do dołu: każda linia zmienia widok utworzony przez linie znajdujące się nad nią.
Wyzwanie
ŁatwyPomarańczowy obszar jest tylko tak duży jak tekst, a wypełnienie znajduje się poza nim. Zmień kolejność modyfikatorów, aby pomarańczowe tło obejmowało również wypełnienie.
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