Spacer und ZStack
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 12 von 50.
Ein Spacer nimmt den gesamten freien Platz in einem Stack ein. In einem HStack schiebt er die Views davor nach links und die Views danach nach rechts:
HStack {
Text("Total")
Spacer()
Text("$12.50")
}In einem VStack drückt ein Spacer die Ansichten vertikal auseinander.
ZStack legt Ansichten übereinander. Die erste Ansicht befindet sich hinten und jede weitere liegt darüber:
ZStack {
Color.blue
Text("On top")
.foregroundStyle(.white)
}Als Ansicht verwendet, füllt Color.blue den gesamten verfügbaren Platz aus. Dadurch entsteht hier ein blauer Hintergrund hinter dem Text.
Aufgabe
EinfachLass die Zeile mit dem Gesamtbetrag die volle Breite einnehmen: Füge zwischen Total und $12.50 einen Spacer ein, damit der Preis an den rechten Rand verschoben wird.
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