Иконки в Jetpack Compose Glimmer

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

В Jetpack Compose Glimmer компонент Icon специально разработан для рендеринга одноцветных значков. Icon может принимать в качестве источника ImageVector , ImageBitmap или Painter . Icon , подобно Text , может интеллектуально применять оттенок в зависимости от темы пользовательского интерфейса. Хотя по умолчанию он использует размер, заданный LocalIconSize , вы также можете задать собственные размеры значков.

Пример: создайте поле с большим значком звезды. 

@Composable
fun GlimmerIconSample() {
    GlimmerTheme {
        Box(
            modifier = Modifier.fillMaxSize(),
            contentAlignment = Alignment.Center
        ) {
            Column(horizontalAlignment = Alignment.CenterHorizontally) {
                Icon(
                    painter = painterResource(id = R.drawable.ic_star),
                    contentDescription = "A star icon from Google Symbols",
                    modifier = Modifier.size(GlimmerTheme.iconSizes.large),
                    tint = GlimmerTheme.colors.primary
                )
            }
        }
    }
}

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

  • Источник значка загружает локальный векторный XML-рисунок ( R.drawable.ic_star ) с помощью painterResource , демонстрируя рекомендуемый подход к интеграции значков в пользовательский интерфейс Jetpack Compose Glimmer без использования внешней библиотеки.
  • Размер значка настраивается путем установки GlimmerTheme.iconSizes.large с модификатором, демонстрирующим, как переопределить предопределенный размер Jetpack Compose Glimmer.
  • Оттенок значка настраивается путем установки GlimmerTheme.colors.primary с использованием параметра tint, применяя одноцветную тонировку значка для визуальной согласованности.