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 cadenaAnnotatedString
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](https://developer.android.com/static/quick-guides/content/style parts of a text display.png?hl=es-419)
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:
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=es-419)