Değiştirici Sırası
Coddy'nin Swift Journey'sinin SwiftUI'ye Giriş bölümünün bir parçası. Ders 16 / 50.
Her değiştirici, çağrıldığı görünümü sarar ve yeni bir görünüm döndürür. Bu yüzden sıra önemlidir: Bir değiştirici, kendisinden önceki değiştiricilerin ürettiği her şey üzerinde çalışır.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()A için önce dolgu eklenir, ardından arka plan dolgulu görünümü kaplar: turuncu alan büyüktür. B için arka plan yalnızca metni kaplar ve dolgu bunun dışına, küçük turuncu alanın çevresinde boş alan olarak eklenir.
Değiştiriciler zincirini yukarıdan aşağıya doğru oku: her satır, üstündeki satırların oluşturduğu görünümü değiştirir.
Görev
KolayTuruncu alan yalnızca metin kadar büyüktür ve dolgu onun dışındadır. Turuncu arka planın dolguyu da kaplaması için değiştiricilerin sırasını yeniden düzenle.
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
4Değiştiriciler
İç BoşlukArka PlanlarDeğiştirici SırasıÇerçeveler ve ŞekillerTekrar - Rozet Oluşturucu
Kendi başına pratik yap: SwiftUI playground