Text in Jetpack Compose Glimmer

Anwendbare XR‑Geräte

Dieser Leitfaden hilft Ihnen dabei, nutzerfreundliche Anwendungen 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 Komponente Text in Jetpack Compose Glimmer ist einzigartig, da sie Farben intelligent abgleicht. Wenn beispielsweise keine Farbkorrektur festgelegt wurde, 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