Material Design предоставляет компоненты и макеты, адаптированные для XR. Используя существующую библиотеку Material 3 , компоненты и адаптивные макеты улучшены за счет пространственного поведения пользовательского интерфейса.
Вы можете адаптировать текущую реализацию M3, добавив оболочку EnableXrComponentOverrides
.
Используйте EnableXrComponentOverrides для адаптации существующего приложения.
Весь пользовательский интерфейс M3 Compose внутри оболочки EnableXrComponentOverrides
будет адаптирован к устройствам XR. Эта оболочка позволяет вам выбрать любые компоненты, которые вы хотите исключить из этого поведения.
Добавьте оболочку EnableXrComponentOverrides
, чтобы адаптировать свое приложение к Material Design для XR.
Навигационный рельс
Навигационная направляющая в любом макете Compose, включая NavigationSuiteScaffold
автоматически адаптируется к XR Orbiter. Для получения дополнительной информации прочтите рекомендации по Material Design .


Панель навигации
Панель навигации в любом макете Compose, включая NavigationSuiteScaffold
автоматически адаптируется к орбитальному аппарату XR. Для получения дополнительной информации прочтите рекомендации по Material Design .


Подробный макет списка для XR
Адаптивные макеты Compose Material 3 в XR имеют сопоставление 1:1, где каждая панель размещается внутри собственной пространственной панели XR. Узнайте больше о ListDetailPaneScaffold
и рекомендациях по адаптивному дизайну .


Макет панели поддержки для XR
Адаптивные макеты Compose Material 3 в XR имеют сопоставление 1:1, где каждая панель размещается внутри собственной пространственной панели XR. Узнайте больше о SupportingPaneScaffold
и рекомендациях по адаптивному проектированию .


Начните проектировать с помощью Material 3 Design Kit для Figma.
Загрузите комплект Material 3 Design Kit, чтобы начать работу.
См. также
- Разработка пользовательского интерфейса с помощью Jetpack Compose для XR
- Рекомендации по проектированию пространственного пользовательского интерфейса