Menu
Coddy logo textTech

Wyrównanie i odstępy

Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 11 z 50.

VStack wyśrodkowuje swoje widoki i pozostawia między nimi niewielki odstęp domyślny. Oba te ustawienia można zmienić podczas tworzenia stosu:

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

alignment: .leading wyrównuje widoki do lewej krawędzi (.trailing oznacza prawą krawędź). spacing: 12 ustawia odstęp 12 punktów między każdą parą widoków.

HStack wyrównuje elementy pionowo: .top, .center lub .bottom:

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

Wyzwanie

Łatwy

Spraw, aby paragon wyglądał jak lista: ustaw wyrównanie elementu VStack na .leading, a odstęp na 12.

Spróbuj swoich sił

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI

Poćwicz samodzielnie: Edytor online SwiftUI