Android Academy · Lección

Aplicar estilos al texto

Fuentes, tamaño, grosor y color

Aplicar estilos al texto es una lección gratuita de Android Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Android Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Android Academy incluye 4 lecciones en total.

Por qué aplicar estilos al texto

En Jetpack Compose, el composable Text muestra palabras en pantalla. De forma predeterminada tiene un aspecto sencillo, pero puede cambiar su tamaño, color y peso.

Aplicar estilos ayuda a los usuarios a leer su aplicación. Un título debería verse más grande y con más peso que el texto del cuerpo.

Para aplicar estilos a Text, debe pasarle parámetros adicionales.

Text("Hello Compose")

Aumentar el tamaño del texto

El parámetro fontSize controla el tamaño del texto. Los tamaños utilizan la unidad sp, que se adapta a la configuración de fuente del usuario.

Para usar sp, añada .sp después de un número, como en 24.sp.

Text(
    text = "Big Title",
    fontSize = 24.sp
)

Negrita y peso

Use fontWeight para hacer que el texto sea más grueso o más fino. El valor más habitual es FontWeight.Bold.

Otras opciones son FontWeight.Light, FontWeight.Normal y FontWeight.SemiBold.

Text(
    text = "Important",
    fontWeight = FontWeight.Bold
)

Texto en cursiva

El parámetro fontStyle permite inclinar el texto. Establézcalo en FontStyle.Italic para obtener un aspecto en cursiva.

La cursiva resulta útil para citas o para enfatizar contenido.

Text(
    text = "A quote",
    fontStyle = FontStyle.Italic
)

Aplicar color al texto

El parámetro color cambia el color del texto. Puede pasarle un valor Color, como Color.Red o Color.Blue.

Elija colores con buen contraste para que el texto siga siendo fácil de leer.

Text(
    text = "Warning",
    color = Color.Red
)

Alinear el texto

Use textAlign para colocar el texto dentro de su espacio. Los valores habituales son TextAlign.Center, TextAlign.Start y TextAlign.End.

Centrar el texto funciona mejor cuando Text ocupa todo el ancho.

Text(
    text = "Centered",
    textAlign = TextAlign.Center
)

Espaciado entre letras

El parámetro letterSpacing añade espacio entre los caracteres. También utiliza la unidad sp.

Un poco de espaciado adicional puede hacer que los encabezados parezcan más abiertos y modernos.

Text(
    text = "SPACED",
    letterSpacing = 2.sp
)

Combinar estilos

Puede combinar muchos parámetros a la vez. Un título grande, azul y en negrita no es más que una llamada a Text con varios valores.

Compose lee cada parámetro y los aplica todos conjuntamente.

Text(
    text = "Welcome",
    fontSize = 28.sp,
    fontWeight = FontWeight.Bold,
    color = Color.Blue
)

Usar TextStyle

En lugar de usar muchos parámetros separados, puede agruparlos en un objeto TextStyle y pasarlo al parámetro style.

Esto resulta práctico cuando reutiliza el mismo aspecto en varios lugares.

Text(
    text = "Styled",
    style = TextStyle(
        fontSize = 20.sp,
        color = Color.Magenta
    )
)

Gestionar textos largos

El texto largo puede desbordar su área. Use maxLines para limitar el número de líneas y overflow para mostrar puntos suspensivos cuando se recorte el texto.

TextOverflow.Ellipsis añade ... al final del texto oculto.

Text(
    text = "A very long sentence...",
    maxLines = 1,
    overflow = TextOverflow.Ellipsis
)

Subrayado y decoración

El parámetro textDecoration puede añadir un Underline o un LineThrough.

Los subrayados suelen indicar enlaces, mientras que el tachado puede mostrar precios eliminados o anteriores.

Text(
    text = "Link",
    textDecoration = TextDecoration.Underline
)

Comprobación rápida

Compruebe lo que ha aprendido sobre cómo aplicar estilos a Text.

Resumen

Ha aprendido a aplicar estilos a Text con fontSize (en sp), fontWeight para la negrita, fontStyle para la cursiva y color para el tono.

También puede alinear el texto, añadir espaciado entre letras y decoraciones, y agruparlo todo en un TextStyle.

A continuación, creará botones que respondan a los toques.

Preguntas frecuentes

¿La lección «Aplicar estilos al texto» es gratis?

Sí — el texto completo de «Aplicar estilos al texto» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Android Academy, actualiza a CoddyKit PRO. El curso de Android Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Aplicar estilos al texto»?

Fuentes, tamaño, grosor y color Practicas Android Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Android Academy?

No se requiere experiencia previa. Android Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.

¿Cuánto tiempo toma la lección «Aplicar estilos al texto»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Android Academy?

Sí. Cada lección de Android Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

← Volver a Android Academy