الخلفيات
جزء من قسم مقدمة إلى SwiftUI في رحلة Swift على Coddy. الدرس 15 من 50.
.background ترسم لونًا خلف طريقة العرض. وهي تغطي منطقة طريقة العرض، لذلك يجعل الحشو المنطقة الملوّنة أكبر من النص:
Text("New")
.padding()
.background(.red)
.foregroundStyle(.white)لتدوير زوايا المنطقة الملوّنة، قصّها إلى شكل باستخدام .clipShape. يمنح RoundedRectangle(cornerRadius: 8) زوايا مستديرة، بينما تجعل Capsule() النهايات مستديرة بالكامل:
Text("Tag")
.padding(8)
.background(.blue)
.clipShape(RoundedRectangle(cornerRadius: 8))
التحدي
سهلحوّل النص إلى شارة: أضف الحشو القياسي وخلفية حمراء وأحرفًا بيضاء.
جرّب بنفسك
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس مقدمة إلى SwiftUI
تدرّب بنفسك: Playground لـ Swift