Menu
Coddy logo textTech

Hizalama ve Boşluk

Coddy'nin Swift Journey'sinin SwiftUI'ye Giriş bölümünün bir parçası. Ders 11 / 50.

Bir VStack, görünümlerini ortalar ve aralarında varsayılan olarak küçük bir boşluk bırakır. Yığını oluşturduğunuzda her ikisini de değiştirebilirsiniz:

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

alignment: .leading görünümleri sol kenarda hizalar (.trailing sağ kenardır). spacing: 12 her görünüm çifti arasına 12 punto koyar.

Bir HStack bunun yerine dikey olarak hizalar: .top, .center veya .bottom:

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

Görev

Kolay

Makbuzun bir liste gibi görünmesini sağlayın: VStack'in hizalamasını .leading ve aralığını 12 olarak ayarlayın.

Kendin dene

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

SwiftUI'ye Giriş bölümündeki tüm dersler

Kendi başına pratik yap: Swift playground