Mettre en forme des parties de texte

Vous pouvez styliser des parties du texte pour améliorer la lisibilité, améliorer l'expérience utilisateur et favoriser la créativité grâce à l'utilisation de couleurs et de polices.

Compatibilité des versions

Cette implémentation nécessite que la version minimale du SDK de votre projet soit définie sur le niveau d'API 21 ou supérieur.

Dépendances

Mettre en forme des parties du texte

Le code suivant affiche la chaîne "Hello World" en utilisant le bleu pour le "H", le rouge pour le "W" et le noir pour le reste du texte. Pour définir différents styles dans un seul composable Text, utilisez le code suivant:

@Composable
fun MultipleStylesInText() {
    Text(
        buildAnnotatedString {
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("H")
            }
            append("ello ")

            withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                append("W")
            }
            append("orld")
        }
    )
}
TextSnippets.kt

Points clés concernant le code

  • Utilise buildAnnotatedString, qui renvoie une chaîne AnnotatedString pour définir différents styles dans le texte.
  • Applique un style à une partie du texte avec SpanStyle, une configuration qui permet de styliser le texte au niveau des caractères.

Résultats

Texte "Hello World" avec plusieurs styles
Figure 1. Ligne de texte avec plusieurs styles.

Collections contenant ce guide

Ce guide fait partie de ces collections de guides rapides sélectionnées qui couvrent des objectifs de développement Android plus larges:

Texte à afficher

Le texte est un élément central de n'importe quelle interface utilisateur. Découvrez les différentes façons de présenter le texte dans votre application pour offrir une expérience utilisateur agréable.
Collection de guides rapides

Vous avez des questions ou des commentaires ?

Consultez notre page des questions fréquentes et découvrez les guides rapides, ou contactez-nous pour nous faire part de vos commentaires.
Accéder aux questions fréquentes Envoyer des commentaires