Couleurs
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 6 sur 50.
.foregroundStyle colore le contenu d’une vue, comme les lettres d’un Text :
Text("Warning")
.foregroundStyle(.red)SwiftUI possède des couleurs nommées : .red, .orange, .yellow, .green, .blue, .purple, .gray et bien d’autres. .secondary est le gris plus doux utilisé pour les textes moins importants.
Les anciens codes utilisent .foregroundColor(.red), ce qui fait la même chose pour une seule couleur. Vous pouvez également mélanger une couleur à partir de composantes rouge, verte et bleue comprises entre 0 et 1 :
Text("Custom")
.foregroundStyle(Color(red: 0.2, green: 0.6, blue: 0.9))
Défi
DébutantMontrez que le café est ouvert : rendez le texte vert et donnez-lui la police .headline.
Essayez vous-même
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Introduction à SwiftUI
4Modificateurs
Marge intérieureArrière-plansOrdre des modificateursCadres et formesRécapitulatif - Créateur de badges
2Afficher du contenu
Vues de texteNombres dans le textePolicesCouleursSymboles SFRécapitulatif - Étiquette de prix5État et boutons
BoutonsLa propriété @StateÉtat vrai ou fauxVues conditionnellesRécapitulatif - Compteur de scoreEntraînez-vous par vous-même : Playground Swift