Android Academy · Leçon

Mettre en forme le texte

Polices, taille, épaisseur et couleur.

Mettre en forme le texte est une leçon Android Academy gratuite sur CoddyKit. Ceci est la leçon 1 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 Android Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Android Academy comprend 4 leçons au total.

Pourquoi mettre le texte en forme ?

Dans Jetpack Compose, l'élément composable Text affiche des mots à l'écran. Par défaut, il adopte une apparence simple, mais vous pouvez modifier sa taille, sa couleur et son épaisseur.

La mise en forme aide les utilisateurs à lire votre application. Un titre doit être plus grand et plus épais que le texte courant.

Vous mettez Text en forme en lui transmettant des paramètres supplémentaires.

Text("Hello Compose")

Agrandir le texte

Le paramètre fontSize contrôle la taille du texte. Les tailles utilisent l'unité sp, qui s'adapte aux réglages de police de l'utilisateur.

Pour utiliser sp, ajoutez .sp après un nombre, par exemple 24.sp.

Text(
    text = "Big Title",
    fontSize = 24.sp
)

Gras et épaisseur

Utilisez fontWeight pour rendre le texte plus ou moins épais. La valeur la plus courante est FontWeight.Bold.

Les autres options sont FontWeight.Light, FontWeight.Normal et FontWeight.SemiBold.

Text(
    text = "Important",
    fontWeight = FontWeight.Bold
)

Texte en italique

Le paramètre fontStyle permet d'incliner le texte. Définissez-le sur FontStyle.Italic pour obtenir une apparence italique.

L'italique est utile pour les citations ou pour mettre certains éléments en valeur.

Text(
    text = "A quote",
    fontStyle = FontStyle.Italic
)

Colorer le texte

Le paramètre color modifie la couleur du texte. Vous pouvez lui transmettre une valeur Color, comme Color.Red ou Color.Blue.

Choisissez des couleurs offrant un bon contraste afin que le texte reste facile à lire.

Text(
    text = "Warning",
    color = Color.Red
)

Aligner le texte

Utilisez textAlign pour positionner le texte dans l'espace qui lui est réservé. Les valeurs courantes sont TextAlign.Center, TextAlign.Start et TextAlign.End.

Le centrage fonctionne mieux lorsque Text occupe toute la largeur disponible.

Text(
    text = "Centered",
    textAlign = TextAlign.Center
)

Espacement des lettres

Le paramètre letterSpacing ajoute des espaces entre les caractères. Il utilise également l'unité sp.

Un léger espacement supplémentaire peut donner aux en-têtes une apparence plus aérée et moderne.

Text(
    text = "SPACED",
    letterSpacing = 2.sp
)

Combiner les styles

Vous pouvez utiliser plusieurs paramètres à la fois. Un titre bleu, grand et en gras ne nécessite qu'un seul appel à Text avec plusieurs valeurs.

Compose lit chaque paramètre et les applique tous ensemble.

Text(
    text = "Welcome",
    fontSize = 28.sp,
    fontWeight = FontWeight.Bold,
    color = Color.Blue
)

Utiliser TextStyle

Au lieu d'utiliser de nombreux paramètres distincts, vous pouvez les regrouper dans un objet TextStyle et le transmettre au paramètre style.

C'est pratique lorsque vous réutilisez la même apparence à plusieurs endroits.

Text(
    text = "Styled",
    style = TextStyle(
        fontSize = 20.sp,
        color = Color.Magenta
    )
)

Gérer les textes longs

Un texte long peut dépasser l'espace qui lui est réservé. Utilisez maxLines pour limiter le nombre de lignes et overflow pour afficher des points lorsque le texte est tronqué.

TextOverflow.Ellipsis ajoute ... à la fin du texte masqué.

Text(
    text = "A very long sentence...",
    maxLines = 1,
    overflow = TextOverflow.Ellipsis
)

Soulignement et décoration

Le paramètre textDecoration peut ajouter un Underline ou un LineThrough.

Le soulignement signale souvent les liens, tandis que le texte barré peut indiquer des prix supprimés ou anciens.

Text(
    text = "Link",
    textDecoration = TextDecoration.Underline
)

Vérification rapide

Vérifiez ce que vous avez appris sur la mise en forme de Text.

Récapitulatif

Vous avez appris à mettre Text en forme avec fontSize (en sp), fontWeight pour le gras, fontStyle pour l'italique et color pour la teinte.

Vous pouvez également aligner le texte, ajouter un espacement entre les lettres, appliquer des décorations et regrouper tous ces réglages dans un TextStyle.

Ensuite, vous créerez des boutons qui réagissent aux pressions.

Questions Fréquemment Posées

La leçon « Mettre en forme le texte » est-elle gratuite ?

Oui — le texte complet de « Mettre en forme le texte » 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 Android Academy, passe à CoddyKit PRO. Le cours Android Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Mettre en forme le texte » ?

Polices, taille, épaisseur et couleur. Tu pratiques Android 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 Android Academy ?

Aucune expérience préalable n'est requise. Android 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 1 sur 4.

Combien de temps prend la leçon « Mettre en forme le texte » ?

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 Android Academy ?

Oui. Chaque leçon Android 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

← Retour à Android Academy