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")
}Görev
KolayMakbuzun 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()
}
}
}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
2İçerik Gösterme
Metin GörünümleriMetin İçinde SayılarYazı TipleriRenklerSF SymbolsTekrar - Fiyat EtiketiKendi başına pratik yap: Swift playground