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 jest wywoływany, 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 widok wraz z wypełnieniem: pomarańczowy obszar jest duży. W przypadku B tło obejmuje tylko tekst, a wypełnienie jest dodawane na zewnątrz, jako pusta przestrzeń wokół małego pomarańczowego obszaru.
Czytaj łańcuch modyfikatorów od góry do dołu: każdy wiersz zmienia widok utworzony przez wiersze nad nim.
Wyzwanie
ŁatwyPomarańczowy obszar jest tylko tak duży jak tekst, a dopełnienie znajduje się poza nim. Zmień kolejność modyfikatorów, aby pomarańczowe tło obejmowało również dopeł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