Texte multiligne et alignement
Contrôlez les limites de lignes, le retour à la ligne et l’alignement du texte.
Texte multiligne et alignement est une leçon SwiftUI Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage SwiftUI Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours SwiftUI Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
When Text Gets Long
Short labels fit on one line, but paragraphs wrap. This lesson shows how to control wrapping, line limits, and alignment for longer text. 📝
Text Wraps by Default
SwiftUI wraps long text onto multiple lines automatically when there is room. You usually do not need to do anything for basic wrapping.
Text("A fairly long sentence that will wrap onto more than one line.")Limiting Lines
The lineLimit modifier caps how many lines show. Extra text is truncated with an ellipsis, which is great for previews and cards.
Text(longBio)
.lineLimit(2)Truncation Mode
Control where the cut happens with truncationMode. Choose .tail, .head, or .middle depending on which part matters most.
Text(path)
.lineLimit(1)
.truncationMode(.middle)Aligning Multiline Text
Use multilineTextAlignment to align wrapped lines left, center, or trailing. It only affects text that spans more than one line.
Text(quote)
.multilineTextAlignment(.center)Frame Versus Text Alignment
Remember the difference: frame alignment positions the whole block, while multilineTextAlignment arranges lines inside that block.
Centering a Block
To center a block and its lines, give it a wide frame and a center text alignment together. Both work as a pair.
Text(notice)
.multilineTextAlignment(.center)
.frame(maxWidth: .infinity)Line Spacing
Add breathing room between lines with lineSpacing. A few extra points often makes dense paragraphs much easier to read.
Text(article)
.lineSpacing(6)Allowing Tight Layout
When space is tight, minimumScaleFactor lets text shrink instead of truncating, keeping the whole message visible.
Text(headline)
.lineLimit(1)
.minimumScaleFactor(0.7)Fixed Size to Avoid Clipping
If wrapping text gets squeezed, fixedSize tells it to keep its ideal height so nothing gets unexpectedly clipped.
Text(message)
.fixedSize(horizontal: false, vertical: true)Putting It Together
Combine lineLimit, alignment, and spacing to craft readable cards. Small tweaks add up to a polished reading experience.
Quick Check
Which modifier aligns wrapped lines of text?
Lesson Recap
You shaped long text with lineLimit, truncation, alignment, and spacing. These tools keep paragraphs tidy and easy to read. 👍
Questions Fréquemment Posées
La leçon « Texte multiligne et alignement » est-elle gratuite ?
Oui — le texte complet de « Texte multiligne et alignement » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours SwiftUI Academy, passe à CoddyKit PRO. Le cours SwiftUI Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Texte multiligne et alignement » ?
Contrôlez les limites de lignes, le retour à la ligne et l’alignement du texte. Tu pratiques SwiftUI Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer SwiftUI Academy ?
Aucune expérience préalable n'est requise. SwiftUI Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 4.
Combien de temps prend la leçon « Texte multiligne et alignement » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon SwiftUI Academy ?
Oui. Chaque leçon SwiftUI Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Polices, épaisseur et couleur
- Texte multiligne et alignement
- Charger des images depuis les ressources
- Utiliser SF Symbols