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 der er aufgerufen 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 der Innenabstand zuerst hinzugefügt, und der Hintergrund bedeckt anschließend die Ansicht einschließlich des Innenabstands: Der orangefarbene Bereich ist groß. Bei B bedeckt der Hintergrund nur den Text, und der Innenabstand wird außerhalb davon hinzugefügt, als deutlicher Freiraum um einen kleinen orangefarbenen Bereich.
Lies eine Kette von Modifikatoren von oben nach unten: Jede Zeile verändert die Ansicht, die von den darüberstehenden Zeilen erstellt wurde.
Aufgabe
EinfachDer orangefarbene Bereich ist nur so groß wie der Text, und der Abstand befindet sich außerhalb davon. Ordne die Modifikatoren neu an, sodass der orangefarbene Hintergrund auch den Abstand 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: Swift-Playground