Colori
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 6 di 50.
.foregroundStyle colora il contenuto di una vista, ad esempio le lettere di un Text:
Text("Warning")
.foregroundStyle(.red)SwiftUI ha colori con nome: .red, .orange, .yellow, .green, .blue, .purple, .gray e altri. .secondary è il grigio più tenue usato per il testo meno importante.
Il codice meno recente usa .foregroundColor(.red), che fa la stessa cosa per un singolo colore. Puoi anche combinare un colore a partire dalle componenti rosso, verde e blu, con valori compresi tra 0 e 1:
Text("Custom")
.foregroundStyle(Color(red: 0.2, green: 0.6, blue: 0.9))
Sfida
PrincipianteMostra che il bar è aperto: rendi il testo verde e assegnagli il font .headline.
Provalo tu
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Introduzione a SwiftUI
7Elenchi
Per ogni elementoElementi identificabiliElencoAggiungere elementiRiepilogo - Lista della spesa10Progetto - Coddy Coffee
Panoramica del progettoSchermate delle bevande
Scegli un formatoQuantità e totaleEffettua l'ordine2Mostrare contenuti
Viste di testoNumeri nel testoFontColoriSF SymbolsRiepilogo - Etichetta del prezzo5Stato e pulsanti
PulsantiLa proprietà @StateStato vero o falsoViste condizionaliRiepilogo - SegnapuntiEsercitati da solo: Playground SwiftUI