Applicare stili a parti di testo

Puoi applicare stili a parti del testo per migliorarne la leggibilità, aumentare l'esperienza utente positiva e incoraggiare una maggiore creatività tramite l'uso di colori e caratteri.

Risultati

Testo Hello World con più stili
Figura 1. Una riga di testo con più stili.

Compatibilità con la versione

Questa implementazione richiede che il minSDK del progetto sia impostato sul livello API 21 o superiore.

Dipendenze

Applicare stili a parti del testo

Il seguente codice mostra la stringa "Hello World" utilizzando il blu per la "H", il rosso per la "W" e il nero per il resto del testo. Per impostare stili diversi all'interno di un singolo Text elemento componibile, utilizza il seguente codice:

@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

Punti chiave sul codice

  • Utilizza buildAnnotatedString che restituisce una AnnotatedString stringa per impostare stili diversi all'interno del testo.
  • Applica lo stile a una parte del testo con SpanStyle, una configurazione che consente di applicare lo stile a livello di carattere.

Raccolte che contengono questa guida

Questa guida fa parte di queste raccolte di guide rapide curate che riguardano obiettivi di sviluppo Android più ampi:

Testo visualizzato

Il testo è un elemento centrale di qualsiasi UI. Scopri i diversi modi in cui puoi presentare il testo nella tua app per offrire un'esperienza utente piacevole.
Raccolta di guide rapide

Hai domande o feedback?

Visita la nostra pagina delle domande frequenti e scopri le guide rapide oppure contattaci e comunicaci la tua opinione.
Vai alle Domande frequenti Lascia un feedback