Font, peso e colore
Applicare uno stile al testo con font, fontWeight e foregroundStyle.
Font, peso e colore è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 1 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento SwiftUI Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso SwiftUI Academy include 4 lezioni in totale.
Qui inizia lo stile
Una vista Text semplice mostra delle parole, ma le app reali applicano loro uno stile. In questa lezione imposterà font, spessore e colore per dare al testo un aspetto curato. 🎨
Il modificatore font
Il modificatore font sceglie lo stile del testo. Apple fornisce dimensioni semantiche come title, headline e body, che si adattano automaticamente all'utente.
Text("Welcome")
.font(.title)Stili semantici dei font
Preferisca gli stili semantici alle dimensioni fisse in punti. Nomi come .largeTitle e .caption si adattano al dispositivo e alle impostazioni di accessibilità dell'utente.
Text("Big").font(.largeTitle)
Text("Small").font(.caption)Dimensioni personalizzate in punti
Ha bisogno di una dimensione precisa? Passi .system(size:) con un numero. È utile per i loghi, ma per il testo del corpo sono preferibili gli stili semantici.
Text("Logo")
.font(.system(size: 40))Aggiungere lo spessore
Il modificatore fontWeight imposta lo spessore dei tratti. Provi .bold per dare enfasi o .light per un aspetto più delicato e arioso.
Text("Strong")
.fontWeight(.bold)Spessore all'interno di font
È anche possibile includere lo spessore direttamente nella chiamata a font. In questo modo gli stili correlati restano ordinati nello stesso punto.
Text("Heavy")
.font(.title.weight(.heavy))Colorare il testo
Usi foregroundStyle per colorare il testo. Passi un Color come .red o un colore del brand e le parole ne acquisiranno subito la tonalità.
Text("Alert")
.foregroundStyle(.red)Colori semantici
Scelga colori semantici come .primary e .secondary. Si adattano alla modalità chiara e scura, così il testo resta leggibile ovunque.
Text("Hint")
.foregroundStyle(.secondary)Scorciatoie per corsivo e grassetto
SwiftUI offre scorciatoie rapide: .bold() e .italic(). Sono semplici da leggere ed evitano i nomi più lunghi dei modificatori.
Text("Note")
.bold()
.italic()Combinare i modificatori
I modificatori si impilano dall'alto verso il basso. Combini font, spessore e colore su un unico Text per definirne l'aspetto completo in una sola catena.
Text("Title")
.font(.title)
.bold()
.foregroundStyle(.blue)L'ordine può essere importante
La maggior parte dei modificatori del testo è commutativa, ma l'ordine diventa importante quando entra in gioco il layout. Applichi prima lo stile, poi aggiunga padding o background.
Controllo rapido
Quale modificatore imposta il colore del testo?
Riepilogo della lezione
Ha applicato al testo lo stile con font, fontWeight e foregroundStyle. Si affidi a stili e colori semantici per un'interfaccia capace di adattarsi in modo elegante. ✨
Impara Swift con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 30
- Lezioni
- 120
Domande Frequenti
La lezione «Font, peso e colore» è gratuita?
Sì — il testo completo di «Font, peso e colore» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso SwiftUI Academy, passa a CoddyKit PRO. Il corso SwiftUI Academy include 4 lezioni in totale.
Cosa imparerò in «Font, peso e colore»?
Applicare uno stile al testo con font, fontWeight e foregroundStyle. Eserciti SwiftUI Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare SwiftUI Academy?
Non è richiesta alcuna esperienza precedente. SwiftUI Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 4.
Quanto tempo richiede la lezione «Font, peso e colore»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione SwiftUI Academy?
Sì. Ogni lezione SwiftUI Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.