Aplica diseño a partes del texto

Puedes aplicar diseño a partes del texto para mejorar la legibilidad, aumentar la experiencia positiva del usuario y fomentar una mayor creatividad mediante el uso de colores y fuentes.

Compatibilidad de versiones

Esta implementación requiere que el minSDK de tu proyecto se establezca en el nivel de API 21 o superior.

Dependencias

Aplica diseño a partes del texto

En el siguiente código, se muestra la cadena "Hello World" con azul para la "H", rojo para la "W" y negro para el resto del texto. Para configurar estilos diferentes en un solo elemento componible Text, usa el siguiente 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")
        }
    )
}

Puntos clave sobre el código

  • Usa buildAnnotatedString que muestra una cadena AnnotatedString para establecer diferentes estilos dentro del texto.
  • Aplica estilo a parte del texto con SpanStyle, una configuración que permite aplicar estilo a nivel de los caracteres.

Resultados

 Texto Hello World con varios estilos
Figura 1: Una línea de texto con varios estilos.

Colecciones que contienen esta guía

Esta guía forma parte de estas colecciones de guías rápidas seleccionadas que abarcan objetivos más amplios de desarrollo de Android:

El texto es una pieza central de cualquier IU. Descubre las diferentes formas en que puedes presentar texto en tu app para proporcionar una experiencia del usuario encantadora.

Tienes preguntas o comentarios

Ve a nuestra página de preguntas frecuentes para obtener información sobre las guías rápidas o comunícate con nosotros para contarnos tu opinión.