Dynamic Type e font scalabili
Supporti testi più grandi senza compromettere il layout.
Dynamic Type e font scalabili è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 2 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.
Che cos'è Dynamic Type
Dynamic Type consente agli utenti di scegliere la dimensione del testo preferita a livello di sistema. L'app dovrebbe rispettarla, senza imporre una dimensione fissa. 🔤
Utilizzare gli stili del testo
Scelga stili del testo semantici come .title o .body invece di dimensioni fisse in punti. Si adattano automaticamente alle impostazioni dell'utente.
Text("Welcome")
.font(.title)
Text("Details here")
.font(.body)Perché evitare le dimensioni fisse
Un .font(.system(size: 17)) scritto direttamente nel codice ignora la scelta dell'utente e rimane piccolo. Gli stili del testo si adattano, i numeri fissi no.
Text("Stuck small")
.font(.system(size: 17))Ridimensionare i font personalizzati
Ha un font del brand? Utilizzi .font(.custom:size:relativeTo:) affinché continui a ridimensionarsi in base a uno stile del testo scelto.
Text("Brand")
.font(.custom("Avenir", size: 17, relativeTo: .body))Il wrapper ScaledMetric
Vuole che la spaziatura o la dimensione di un'immagine cresca insieme al testo? @ScaledMetric ridimensiona qualsiasi numero in base a Dynamic Type.
@ScaledMetric var iconSize = 24
Image(systemName: "star").frame(width: iconSize)Consentire al testo di andare a capo
Il testo grande ha bisogno di spazio. Eviti lineLimit(1) per le etichette importanti, altrimenti le parole lunghe verranno tagliate con i puntini di sospensione.
Text(longTitle)
.lineLimit(2)Consentire un adattamento più stretto
Quando lo spazio è davvero limitato, minimumScaleFactor consente al testo di ridursi leggermente prima di essere troncato, mantenendolo leggibile.
Text(price)
.minimumScaleFactor(0.7)Visualizzare in anteprima le dimensioni grandi
Utilizzi dynamicTypeSize in un preview per simulare l'impostazione massima e individuare tempestivamente i layout danneggiati.
#Preview {
ContentView()
.dynamicTypeSize(.accessibility3)
}Limitare l'intervallo se necessario
Può limitare l'intervallo di ridimensionamento del testo con dynamicTypeSize(...), ma lo faccia con moderazione, per non escludere gli utenti che hanno bisogno di dimensioni maggiori.
VStack { }
.dynamicTypeSize(...DynamicTypeSize.accessibility1)Stack invece di frame fissi
Preferisca stack flessibili alle altezze rigide. Un frame fisso può tagliare il testo grande, mentre uno stack si espande per contenerlo.
Testare entrambe le estremità
Controlli l'app con le dimensioni minima e massima di Dynamic Type. Se il testo è leggibile in entrambi i casi, lo sarà anche per la maggior parte degli utenti con dimensioni intermedie.
Verifica rapida
Vuole che un font personalizzato del brand cresca insieme alla dimensione del testo dell'utente. Che cosa deve utilizzare?
Riepilogo
Ha reso il testo adattabile: scelga stili del testo semantici, ridimensioni font e metriche personalizzati, consenta al testo di andare a capo e testi la dimensione massima. 👍
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 «Dynamic Type e font scalabili» è gratuita?
Sì — il testo completo di «Dynamic Type e font scalabili» è 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 «Dynamic Type e font scalabili»?
Supporti testi più grandi senza compromettere il layout. 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 2 di 4.
Quanto tempo richiede la lezione «Dynamic Type e font scalabili»?
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.
Tutte le lezioni di questo corso
- VoiceOver ed etichette di accessibilità
- Dynamic Type e font scalabili
- Localizzare stringhe e cataloghi di stringhe
- Adattarsi alla modalità chiara e scura