Menu
Coddy logo textTech

Ausrichtung und Abstände

Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 11 von 50.

Ein VStack zentriert seine Ansichten und lässt einen kleinen Standardabstand zwischen ihnen. Beides kann geändert werden, wenn du den Stack erstellst:

VStack(alignment: .leading, spacing: 12) {
    Text("Order #42")
        .font(.headline)
    Text("2 coffees")
    Text("Ready at 10:30")
}

alignment: .leading richtet die Ansichten an der linken Kante aus (.trailing ist die rechte Kante). spacing: 12 platziert 12 Punkte zwischen jedem Ansichtspaar.

Ein HStack richtet stattdessen vertikal aus: .top, .center oder .bottom:

HStack(alignment: .top, spacing: 20) {
    Text("Left")
    Text("Right")
}
challenge icon

Aufgabe

Einfach

Lass die Quittung wie eine Liste aussehen: Setze die Ausrichtung von VStack auf .leading und den Abstand auf 12.

Probier es selbst

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTeste dich selbst

Diese 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

Übe selbstständig: Swift-Playground