Text in Jetpack Compose Glimmer

Anwendbare XR‑Geräte

Dieser Leitfaden hilft Ihnen dabei, Erlebnisse für diese Arten von XR-Geräten zu entwickeln.

Informationen zu XR-Gerätetypen →

Informationen zu XR-Gerätetypen →

In Jetpack Compose Glimmer basiert die Komponente Text auf dem grundlegenden Text und ermöglicht es Ihnen, verschiedene Texteigenschaften wie Farbe, Schriftgröße, Schriftstil, Schriftstärke, Schriftfamilie, Buchstabenabstand und Textausrichtung festzulegen. Die Jetpack Compose-Komponente „Glimmer“ Text ist einzigartig, da sie das Farbabstimmung intelligent verwaltet. Wenn beispielsweise keine Farbüberschreibung angegeben ist, wird für den Text standardmäßig die Inhaltsfarbe verwendet, die von der nächstgelegenen Oberfläche in der UI-Hierarchie bereitgestellt wird.

Beispiel: Textüberschrift in einem Feld erstellen

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

Wichtige Punkte zum Code

• Das Button-Composable ist automatisch interaktiv, hat einen Colors.surface-Hintergrund und der Text wird automatisch auf Folgendes festgelegt:

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