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")
}Aufgabe
EinfachLass 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()
}
}
}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
4Modifikatoren
InnenabstandHintergründeReihenfolge der ModifikatorenRahmen und FormenRückblick – Badge Maker10Projekt – Coddy Coffee
ProjektübersichtGetränkeansichtenÜbe selbstständig: Swift-Playground