Mettre en forme des parties de texte

Vous pouvez appliquer un style à des parties de texte pour améliorer la lisibilité, accroître l'expérience utilisateur positive et encourager une plus grande créativité grâce à l'utilisation de couleurs et de polices.

Résultats

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

Compatibilité des versions

Cette implémentation nécessite que le minSDK de votre projet soit défini sur le niveau d'API 21 ou supérieur.

Dépendances

Appliquer un style à des parties de texte

Le code suivant affiche la chaîne "Hello World" en bleu pour le "H", en rouge pour le "W" et en noir pour le reste du texte. Pour définir différents styles dans un seul Text composable, 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 essentiels 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 d'appliquer un style au niveau des caractères.

Collections contenant ce guide

Ce guide fait partie de ces collections de guides rapides organisé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 différentes façons de présenter du texte dans votre application pour offrir une expérience utilisateur agréable.
Collection de guides rapides

Questions ou commentaires

Consultez notre page de questions fréquentes pour en savoir plus sur les guides rapides ou contactez-nous pour nous faire part de vos commentaires.
Accéder aux questions fréquentes Laisser un commentaire