Material Design предоставляет компоненты и макеты, адаптированные для XR. Используя существующую библиотеку Material 3 , компоненты и адаптивные макеты дополняются пространственными особенностями пользовательского интерфейса.
Навигационная рельса
Навигационная панель в любом макете Compose, включая NavigationSuiteScaffold , автоматически адаптируется к XR Orbiter. Для получения дополнительной информации ознакомьтесь с рекомендациями Material Design .
Непространственная навигационная рельса
Пространственная (адаптированная к XR) навигационная рельса
Панель навигации
Панель навигации в любом макете Compose, включая NavigationSuiteScaffold , автоматически адаптируется к XR Orbiter. Для получения дополнительной информации ознакомьтесь с рекомендациями Material Design .
Непространственная панель навигации
Пространственная (адаптированная для XR) панель навигации
Диалоги
Компонент BasicAlertDialog адаптируется к XR, добавляя ему высоту.
Узнайте больше о диалоговых окнах и рекомендациях по адаптивному проектированию .
Непространственный диалог
Пространственно-ориентированный (адаптированный к XR) диалог
Панели верхних приложений
Панель TopAppBar автоматически адаптируется к XR Orbiter.
Узнайте больше о панелях верхнего уровня и рекомендациях по адаптивному дизайну .
Непространственная верхняя панель приложений
Пространственная (адаптированная для XR) верхняя панель приложений
Макет «список-подробности» для XR
В адаптивных макетах Material 3 для XR используется соотношение 1:1, при котором каждая панель размещается внутри собственной пространственной панели XR. Узнайте больше о ListDetailPaneScaffold и рекомендациях по адаптивному дизайну .
Непространственный ListDetailPaneScaffold
Пространственный (адаптированный для XR) ListDetailPaneScaffold
Поддержка компоновки панелей для XR
В адаптивных макетах Material 3 для XR используется соотношение 1:1, при котором каждая панель размещается внутри собственной пространственной панели XR. Подробнее о SupportingPaneScaffold и рекомендациях по адаптивному проектированию можно узнать здесь.
Непространственная опорная панель/строительные леса
Пространственно-адаптированная (XR-адаптированная) опорная панель-каркас
Начните проектировать с помощью Material 3 Design Kit для Figma.
Загрузите Material 3 Design Kit, чтобы начать работу.
См. также
- Разработка пользовательского интерфейса с помощью Jetpack Compose для XR
- Рекомендации по проектированию пространственного пользовательского интерфейса