רקעים
חלק מהיחידה מבוא ל-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
תרגלו בעצמכם: SwiftUI אונליין