Texto no Jetpack Compose Glimmer

Dispositivos XR aplicáveis

Estas orientações ajudam você a criar experiências para esses tipos de dispositivos de XR.

Saiba mais sobre os tipos de dispositivos XR →

Saiba mais sobre os tipos de dispositivos XR →

No Jetpack Compose Glimmer, o componente Text se baseia no texto básico e permite definir várias propriedades de texto, como cor, tamanho, estilo, peso, família de fontes, espaçamento entre letras e alinhamento. O componente Glimmer Text do Jetpack Compose é exclusivo porque gerencia de forma inteligente a correspondência de cores. Por exemplo, se nenhuma substituição de cor for especificada, o texto vai usar a cor do conteúdo fornecida pela superfície mais próxima na hierarquia da interface.

Exemplo: criar um título de texto em uma caixa

@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")
                }
            }
        }
    }
}

Pontos principais sobre o código

• O elemento combinável Button é automaticamente interativo, tem um segundo plano Colors.surface, e o texto é definido automaticamente como:

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