Texto en Jetpack Compose Glimmer

Dispositivos XR aplicables

Esta guía te ayuda a crear experiencias para estos tipos de dispositivos de XR.

Más información sobre los tipos de dispositivos XR →

Más información sobre los tipos de dispositivos XR →

En Jetpack Compose Glimmer, el componente Text se basa en el texto básico y te permite establecer varias propiedades de texto, como el color, el tamaño de la fuente, el estilo de la fuente, el peso de la fuente, la familia de fuentes, el espaciado entre letras y la alineación del texto. El componente Glimmer Text de Jetpack Compose es único porque administra de forma inteligente la coincidencia de colores. Por ejemplo, si no se especifica ninguna anulación de color, el texto se establece de forma predeterminada en el color de contenido proporcionado por la superficie más cercana en la jerarquía de la IU.

Ejemplo: Crea un encabezado de texto en un cuadro

@Composable
fun GlimmerStyleSample() {
    GlimmerTheme {
        Box(
            modifier = Modifier.fillMaxSize(),
            contentAlignment = Alignment.Center
        ) {
            Column(horizontalAlignment = Alignment.CenterHorizontally) {
                Text(
                    text = "This is a sample heading",
                    color = GlimmerTheme.colors.secondary
                )
                Spacer(modifier = Modifier.height(16.dp))
                Button(onClick = { /* Handle Click */ }) {
                    Text(text = "Sample Button")
                }
            }
        }
    }
}

Puntos clave sobre el código

• El elemento Button componible es automáticamente interactivo, tiene un fondo Colors.surface y el texto se establece automáticamente en lo siguiente:

  • style = GlimmerTheme.typography.bodyMedium
  • color = GlimmerTheme.Colors.surface