Spacer ve ZStack
Coddy'nin Swift Journey'sinin SwiftUI'ye Giriş bölümünün bir parçası. Ders 12 / 50.
Bir Spacer, bir yığındaki tüm boş alanı kaplar. Bir HStack içinde, kendisinden önceki görünümleri sola ve kendisinden sonraki görünümleri sağa iter:
HStack {
Text("Total")
Spacer()
Text("$12.50")
}Bir VStack içinde Spacer, görünümleri dikey olarak birbirinden uzaklaştırır.
ZStack, görünümleri birbirinin üzerine katmanlar. İlk görünüm arkada bulunur ve sonraki her görünüm onun üzerine yerleşir:
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ı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: Swift playground