Arka Planlar
Coddy'nin Swift Journey'sinin SwiftUI'ye Giriş bölümünün bir parçası. Ders 15 / 50.
.background bir görünümün arkasına renk çizer. Görünümün alanını kaplar; bu nedenle iç kenar boşluğu, renkli alanı metinden daha büyük yapar:
Text("New")
.padding()
.background(.red)
.foregroundStyle(.white)Renkli alanın köşelerini yuvarlamak için .clipShape ile onu bir şekle kırpın. RoundedRectangle(cornerRadius: 8) yuvarlatılmış köşeler, Capsule() ise tamamen yuvarlak uçlar sağlar:
Text("Tag")
.padding(8)
.background(.blue)
.clipShape(RoundedRectangle(cornerRadius: 8))
Görev
KolayMetni bir rozete dönüştür: standart dolguyu, kırmızı bir arka planı ve beyaz harfleri ekle.
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: Swift playground