Текст в Jetpack Compose Glimmer

Применимые устройства XR

Это руководство поможет вам создать опыт использования этих типов XR-устройств.

Узнайте о типах устройств XR →

Узнайте о типах устройств XR →

В Jetpack Compose Glimmer компонент Text работает на основе базового текста и позволяет настраивать различные свойства текста, такие как цвет, размер шрифта, начертание, насыщенность, семейство шрифтов, межбуквенный интервал и выравнивание текста. Компонент Text в Jetpack Compose Glimmer уникален тем, что он интеллектуально управляет сопоставлением цветов. Например, если не указано переопределение цвета, текст по умолчанию использует цвет содержимого, заданный ближайшей поверхностью в иерархии пользовательского интерфейса.

Пример: создание текстового заголовка в поле.

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

Ключевые моменты кода

• Компонуемый элемент Button автоматически становится интерактивным, имеет фон Colors.surface , а текст автоматически задается следующим образом:

  • стиль = GlimmerTheme.typography.bodyMedium
  • цвет = GlimmerTheme.Colors.surface