Jetpack Compose Glimmer основана на Jetpack Compose и включает composable-функции, компоненты, модели поведения и тему, разработанные для ИИ-очков с дисплеем. С помощью Glimmer вы можете создавать нативный пользовательский интерфейс для видеоочков, используя Compose. Это позволит вам воплотить в жизнь удобство использования приложения, используя меньше кода, мощные инструменты и интуитивно понятные API Kotlin.
Компонуемые функции Glimmer в Jetpack Compose
Jetpack Compose Glimmer предоставляет функции @Composable, адаптированные для дисплеев умных очков, например Text, Button и ListItem. Вот некоторые уникальные характеристики composable-функций Jetpack Compose Glimmer:
- Упрощенное оформление. Например, компоненты
Surfaceпо умолчанию имеют черный или прозрачный фон для оптимизации оптического дисплея. - Оптимизированные цвета по умолчанию. Jetpack Compose Glimmer по умолчанию рассчитывает цвет контента на основе цвета фона, поэтому разработчикам редко приходится вручную задавать цвета текста, что повышает читаемость без дополнительной работы.
Выделение фокуса. Фокус обозначается контуром, а не эффектом ряби, что улучшает видимость.
Рисунок 1. Три состояния фокуса в Jetpack Compose Glimmer, которые различаются с помощью визуальной обратной связи на основе контура. Оптимизированная высота. Jetpack Compose Glimmer использует ограниченные тени для визуального разделения.
Рисунок 2. Пять уровней высоты в Jetpack Compose Glimmer, которые различаются с помощью ограниченных теней.
Компоненты Glimmer в Jetpack Compose
В Jetpack Compose Glimmer есть собственный набор компонентов, похожих на компоненты Jetpack Compose, но оптимизированных для видеоочков. Компоненты Jetpack Compose Glimmer можно настраивать с помощью темы Jetpack Compose Glimmer. Они создаются на основе функций Compose более низкого уровня, чтобы по умолчанию поддерживать такие способы ввода, как нажатие и пролистывание.
Чтобы узнать больше об использовании определенного компонента, ознакомьтесь со следующими руководствами:
- Кнопки
- Подсказки
- Горизонтальные пейджеры
- Значки
- Кнопки со значками
- Списки
- Элементы списка
- Платформы
- Текст
- Переключатели
- Чипы заголовков
- Вертикальные стопки
- Индикатор голосового ввода
Если ни один из этих высокоуровневых компонентов не подходит для вашего случая, вы можете использовать surface, чтобы создать собственный компонент. Поверхности – это базовые строительные блоки в Jetpack Compose Glimmer, пустые холсты для любых дизайнов и взаимодействий, которые вы хотите создать.
Модификаторы Glimmer в Jetpack Compose
Модификаторы в Jetpack Compose Glimmer работают так же, как модификаторы Compose, которые позволяют дополнять составные элементы, настраивая их макет, внешний вид и поведение. Jetpack Compose Glimmer включает модификаторы и уникальные значения по умолчанию для визуальной обратной связи и производительности, характерных для очков.
Тема Glimmer в Jetpack Compose
В Jetpack Compose Glimmer есть специальная система тем для видеоочков.
Тема Jetpack Compose Glimmer реализует упрощенную и оптимизированную палитру цветов, типографики и фигур. Это обеспечивает максимальную видимость и краткость для видеоочков. Все компоненты Glimmer в Jetpack Compose разработаны для автоматической интеграции со способами ввода, характерными для умных очков. Jetpack Compose
Тема Glimmer доступна через класс GlimmerTheme.
Как и другие темы в Jetpack Compose, GlimmerTheme включает несколько подсистем, которые кратко описаны в следующих разделах вместе с их настраиваемыми атрибутами:
- Цвета
- Параметры текста
- Значения интервалов между компонентами
- Фигуры
- Уровни эффекта глубины
- Размеры значков
Цвета
Цветовая система Jetpack Compose Glimmer разработана для аддитивных дисплеев и реальных условий. В отличие от стандартных тем Android, в GlimmerTheme
Colors используются темные полупрозрачные фоны и яркие акценты, чтобы контент был хорошо виден при любом освещении.
Система использует трехчастную палитру с основными, вторичными и нейтральными цветами. Нейтральные цвета часто служат физическими поверхностями пространственного пользовательского интерфейса, а основные и дополнительные цвета обеспечивают четкие визуальные подсказки для взаимодействия и брендинга.
GlimmerTheme.Параметры текста
Система типографики Jetpack Compose Glimmer включает различные стили типографики для удобочитаемости и лаконичности на видеоочках. Эти стили разработаны для максимального контраста и улучшения читаемости текста за счет более жирного начертания, более широкого межбуквенного интервала и соответствующей высоты строк. Эти стили доступны через GlimmerTheme.typography.
Значения интервалов между компонентами
Эти значения используются для обеспечения согласованного интервала между компонентами Jetpack Compose Glimmer. Это включает в себя отступы компонентов, интервалы между компоненты и другие элементы интервала. Обратите внимание, что изменение этих значений влияет на размер по умолчанию большинства компонентов.
Фигуры
Система фигур Jetpack Compose Glimmer определяет набор стандартных углов и геометрических форм для компонентов, предназначенных для создания единообразного и минималистичного визуального языка в интерфейсах видеоочков. Все фигуры доступны через GlimmerTheme.shapes.
Уровни эффекта глубины
Компоненты Jetpack Compose Glimmer используют глубину для представления иерархии, что помогает визуально различать элементы, которые отображаются над другими карточками. Глубина на видеоочках – это сочетание размещения в пространстве по оси Z и теней. Для большинства компонентов высокого уровня, таких как элементы списка, глубина применяется автоматически в зависимости от состояния фокуса. Когда компонент находится в фокусе, он приобретает глубину; когда он теряет фокус, он возвращается в нормальное состояние. Однако для работы со специальными компонентами можно использовать параметр depthEffect в Modifier.surface или depthEffect.
Размеры значков
Система значков Jetpack Compose Glimmer разработана для интеграции с упрощенным визуальным языком интерфейсов видеоочков. В ней часто используются закругленные формы, например закругленные символы Material, для оптимальной читаемости.