Estilo de partes do texto

Você pode estilizar partes do texto para melhorar a legibilidade, aumentar a experiência positiva do usuário e incentivar a criatividade com o uso de cores e fontes.

Resultados

Compatibilidade de versões

Essa implementação exige que o minSDK do projeto seja definido como nível da API 21 ou mais recente.

Dependências

Estilizar partes de um texto

O código a seguir mostra a string "Hello World" usando azul para o "H", vermelho para o "W" e preto para o restante do texto. Para definir estilos diferentes em um único elemento combinável Text, use o seguinte código:

@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

Pontos principais sobre o código

• Usa buildAnnotatedString, que retorna uma string AnnotatedString para definir estilos diferentes no texto.
• Estiliza parte do texto com SpanStyle, uma configuração que permite estilização no nível do caractere.

Coleções que contêm este guia

Este guia faz parte das coleções de guias rápidos selecionados que abrangem objetivos mais amplos de desenvolvimento para Android:

Texto de exibição

O texto é uma peça central de qualquer interface. Descubra diferentes maneiras de apresentar texto no seu app para oferecer uma experiência agradável ao usuário.

Coleção de guias rápidos

Tem dúvidas ou quer dar feedback?

Acesse nossa página de perguntas frequentes e confira guias rápidos ou entre em contato para compartilhar sua opinião.

Acessar as perguntas frequentes Enviar feedback