Texte dans Jetpack Compose Glimmer

Appareils XR concernés

Ces conseils vous aident à créer des expériences pour ces types d'appareils XR.

En savoir plus sur les types d'appareils XR

En savoir plus sur les types d'appareils XR

Dans Jetpack Compose Glimmer, le composant Text s'appuie sur le texte de base et vous permet de définir diverses propriétés de texte telles que la couleur, la taille de la police, le style de la police, l'épaisseur de la police, la famille de la police, l'espacement des lettres et l'alignement du texte. Le composant Glimmer Text de Jetpack Compose est unique, car il gère intelligemment la correspondance des couleurs. Par exemple, si aucune couleur de remplacement n'est spécifiée, le texte est défini par défaut sur la couleur de contenu fournie par la surface la plus proche dans la hiérarchie de l'UI.

Exemple : Créer un titre dans une zone de texte

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

Points clés concernant le code

• Le composable Button est automatiquement interactif, possède un arrière-plan Colors.surface et le texte est automatiquement défini sur :

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