Jetpack Compose Glimmer создан на основе Jetpack Compose и включает в себя компонуемые элементы, компоненты, поведение и тему, разработанные для очков с искусственным интеллектом и дисплеем . С помощью Glimmer вы можете создавать нативный пользовательский интерфейс для очков с искусственным интеллектом, используя Compose, оживляя возможности вашего приложения с помощью меньшего количества кода, мощных инструментов и интуитивно понятных API Kotlin.
Jetpack Compose Glimmer composables
Jetpack Compose Glimmer предоставляет функции @Composable специально разработанные для отображения в очках с искусственным интеллектом, такие как Text , Button и ListItem . Вот некоторые уникальные характеристики компонуемых элементов Jetpack Compose Glimmer:
- Упрощенный стиль : например, для компонентов
Surfaceпо умолчанию используется черный или прозрачный фон для оптимизации оптического отображения. - Оптимизированные цветовые настройки по умолчанию : Jetpack Compose Glimmer по умолчанию вычисляет цвет содержимого на основе цвета фона, поэтому разработчикам редко приходится вручную устанавливать цвета текста, что повышает читаемость без каких-либо дополнительных усилий.
Дифференцированная фокусировка : Фокусировка обозначается с помощью визуальной обратной связи в виде контура, а не эффекта ряби, что обеспечивает четкую видимость.
Рисунок 1. Три состояния фокусировки в Jetpack Compose Glimmer, которые различаются с помощью визуальной обратной связи на основе контура. Оптимизированная высота : Jetpack Compose Glimmer использует ограниченное количество теней для визуального разделения.
Рисунок 2. Пять уровней высоты в Jetpack Compose Glimmer, которые различаются с помощью ограниченного количества теней от прямоугольников.
Компоненты Jetpack Compose Glimmer
Jetpack Compose Glimmer включает в себя собственный набор специально разработанных компонентов, аналогичных компонентам Jetpack Compose , но оптимизированных для уникальных визуальных и интерактивных требований очков с искусственным интеллектом. Компоненты Jetpack Compose Glimmer настраиваются с помощью темы Jetpack Compose Glimmer и используют базовые функции Compose для поддержки методов ввода данных пользователем, таких как касание и свайп, по умолчанию.
Чтобы узнать больше об использовании конкретного компонента, ознакомьтесь со следующими руководствами:
Если один из этих высокоуровневых компонентов не подходит для вашего случая, вы можете использовать surface для создания пользовательского компонента. Поверхности — это самый базовый строительный блок в Jetpack Compose Glimmer — чистый холст для любых конкретных, пользовательских дизайнов или взаимодействий, которые вы хотите создать.
Модификаторы Jetpack Compose Glimmer
Модификаторы в Jetpack Compose Glimmer функционируют идентично модификаторам Compose , позволяя расширять возможности композиционных элементов, настраивая их расположение, внешний вид и поведение. Jetpack Compose Glimmer может добавлять специфические модификаторы или применять уникальные значения по умолчанию для обеспечения визуальной обратной связи и производительности, специфичных для конкретных очков.
Реактивный ранец. Композиция. Мерцание. Глубина.
Компоненты Jetpack Compose Glimmer используют глубину для представления иерархии, что помогает визуально различать элементы, отображаемые поверх других карточек. Глубина в очках AI — это сочетание размещения в z-пространстве и теней. Для большинства высокоуровневых компонентов, таких как элементы списка, глубина применяется автоматически в зависимости от состояния фокуса. Когда компонент находится в фокусе, он получает глубину; когда он теряет фокус, он возвращается в свое нормальное состояние. Однако для работы с пользовательскими компонентами можно использовать параметр depth в Modifier.surface или Modifier.depth .
Jetpack Compose Тема Глиммер
Jetpack Compose Glimmer использует специальную систему тем оформления для очков с искусственным интеллектом. Тема Jetpack Compose Glimmer реализует упрощенную и оптимизированную палитру цветов, типографики и форм. Это обеспечивает максимальную видимость и лаконичность для очков с искусственным интеллектом. Все компоненты Jetpack Compose Glimmer разработаны для автоматической интеграции со специфическими методами ввода очков с искусственным интеллектом. Тема Jetpack Compose Glimmer доступна через класс GlimmerTheme .
Как и другие темы в Jetpack Compose , GlimmerTheme включает в себя несколько подсистем: цвета, формы, типографику и значки (символику). Тема Jetpack Compose Glimmer также включает в себя компоненты Jetpack Compose Glimmer , которые вы можете настраивать.
Цвета
Цветовая система Jetpack Compose Glimmer включает семь цветов в своей оптимизированной палитре, разработанной для максимальной видимости и лаконичности на дисплеях очков с искусственным интеллектом, где черный цвет не отображается.
GlimmerTheme . Обратите внимание, что цвета в разделе "Вкл...." не отображаются через GlimmerTheme . Эти цвета автоматически рассчитываются системой на основе цвета фона.
Эти цвета доступны через GlimmerTheme.colors.primary , значения для каждой цветовой роли описаны в следующей таблице:
Цветовая роль | По умолчанию |
|---|---|
начальный | #9BBFFF |
вторичный | #4C88E9 |
положительный | #63FEA8 |
отрицательный | #FFA7A0 |
поверхность | #262626 |
контур | #606460 |
вариант контура | #42434A |
Обратите внимание, что хотя surface , outline и outlineVariant помечены как настраиваемые, мы настоятельно рекомендуем не изменять эти значения.
Формы
Система форм Jetpack Compose Glimmer определяет набор стандартных вариантов обработки углов и геометрических форм для компонентов, предназначенных для создания согласованного и минималистичного визуального языка в интерфейсах очков искусственного интеллекта, при этом все формы доступны через GlimmerTheme.shapes .
Типография
Система типографики Jetpack Compose Glimmer включает шесть стилей для улучшения читаемости и лаконичности на дисплеях очков с искусственным интеллектом. Эти стили разработаны для максимального повышения контраста и улучшения читаемости текста за счет более жирного шрифта, большего межбуквенного расстояния и соответствующей высоты строк. Доступ к этим стилям осуществляется через GlimmerTheme.typography .
Иконки
Система иконок Jetpack Compose Glimmer разработана для гармоничной интеграции с упрощенным визуальным языком интерфейсов очков с искусственным интеллектом, часто используя закругленные формы, такие как Material Symbols Rounded, для оптимальной читаемости.