Hintergründe
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 15 von 50.
.background zeichnet eine Farbe hinter einer Ansicht. Sie bedeckt den Bereich der Ansicht, daher wird der farbige Bereich durch den Innenabstand größer als der Text:
Text("New")
.padding()
.background(.red)
.foregroundStyle(.white)Um die Ecken des farbigen Bereichs abzurunden, beschneide ihn mit .clipShape auf eine Form. RoundedRectangle(cornerRadius: 8) erzeugt abgerundete Ecken, Capsule() vollständig abgerundete Enden:
Text("Tag")
.padding(8)
.background(.blue)
.clipShape(RoundedRectangle(cornerRadius: 8))
Aufgabe
EinfachVerwandle den Text in ein Abzeichen: Füge die standardmäßige Innenabstandsgröße, einen roten Hintergrund und weiße Buchstaben hinzu.
Probier es selbst
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Einführung in SwiftUI
4Modifikatoren
InnenabstandHintergründeReihenfolge der ModifikatorenRahmen und FormenRückblick – Badge Maker10Projekt – Coddy Coffee
ProjektübersichtGetränkeansichten
Größe auswählenMenge und GesamtbetragBestellung aufgebenÜbe selbstständig: Swift-Playground