Farben
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 6 von 50.
.foregroundStyle färbt den Inhalt einer Ansicht ein, beispielsweise die Buchstaben eines Text:
Text("Warning")
.foregroundStyle(.red)SwiftUI verfügt über benannte Farben: .red, .orange, .yellow, .green, .blue, .purple, .gray und weitere. .secondary ist das sanftere Grau, das für weniger wichtigen Text verwendet wird.
Älterer Code verwendet .foregroundColor(.red), was dasselbe für eine einzelne Farbe bewirkt. Du kannst auch eine Farbe aus roten, grünen und blauen Anteilen zwischen 0 und 1 mischen:
Text("Custom")
.foregroundStyle(Color(red: 0.2, green: 0.6, blue: 0.9))
Aufgabe
AnfängerZeige, dass das Café geöffnet ist: Färbe den Text grün und gib ihm die Schriftart .headline.
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