Reihenfolge der Modifikatoren
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 16 von 50.
Jeder Modifikator umschließt die Ansicht, auf die er angewendet wird, und gibt eine neue Ansicht zurück. Daher ist die Reihenfolge wichtig: Ein Modifikator wirkt auf alles, was die vorherigen Modifikatoren erzeugt haben.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()Bei A wird zuerst das Padding hinzugefügt, und der Hintergrund bedeckt dann den gepolsterten Bereich: Die orange Fläche ist groß. Bei B bedeckt der Hintergrund nur den Text, und das Padding wird außen hinzugefügt, sodass um eine kleine orange Fläche herum freier Platz entsteht.
Lies eine Kette von Modifikatoren von oben nach unten: Jede Zeile verändert die Ansicht, die von den Zeilen darüber aufgebaut wurde.
Aufgabe
EinfachDer orangefarbene Bereich ist nur so groß wie der Text, und das Padding befindet sich außerhalb davon. Ordne die Modifikatoren neu an, damit der orangefarbene Hintergrund auch das Padding abdeckt.
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 aufgebenÜbe selbstständig: SwiftUI-Playground