Spacer ve ZStack
Coddy'nin Swift Journey'sinin SwiftUI'ye Giriş bölümünün bir parçası. Ders 12 / 50.
Bir Spacer, yığındaki tüm boş alanı kaplar. Bir HStack içinde, önündeki görünümleri sola, arkasındaki görünümleri sağa iter:
HStack {
Text("Total")
Spacer()
Text("$12.50")
}Bir VStack içinde, bir Spacer görünümleri dikey olarak birbirinden uzaklaştırır.
ZStack görünümleri üst üste katmanlar. İlk görünüm arkada, sonraki her görünüm ise onun üstünde yer alır:
ZStack {
Color.blue
Text("On top")
.foregroundStyle(.white)
}Görünüm olarak kullanılan Color.blue, kendisine verilen tüm alanı doldurur; bu nedenle burada metnin arkasında mavi bir arka plan oluşturur.
Görev
KolayToplam satırın genişlik boyunca uzanmasını sağlayın: fiyatın sağ kenara itilmesi için Total ile $12.50 arasına bir Spacer ekleyin.
Kendin dene
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Kendini test etBu 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: SwiftUI playground