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 Stapel ein. In einem HStack schiebt er die Ansichten davor nach links und die Ansichten danach nach rechts:
HStack {
Text("Total")
Spacer()
Text("$12.50")
}In einem VStack hält ein Spacer 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)
}Color.blue als Ansicht verwendet, füllt den gesamten verfügbaren Platz aus, sodass es hier zu einem blauen Hintergrund hinter dem Text wird.
Aufgabe
EinfachLass die Zeile für den Gesamtbetrag über die gesamte Breite reichen: Füge zwischen Total und $12.50 einen Spacer ein, damit der Preis an den rechten Rand geschoben 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: Swift-Playground