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
- Рекомендации по проектированию пространственного пользовательского интерфейса