O Material Design oferece componentes e layouts que se adaptam a XR. Usando a biblioteca Material 3, os componentes e os layouts adaptáveis são aprimorados com comportamentos espaciais da interface.
É possível adaptar sua implementação atual do M3
adicionando o wrapper EnableXrComponentOverrides
.
Usar EnableXrComponentOverrides para adaptar seu app
Toda a interface do Compose M3 dentro do
wrapper EnableXrComponentOverrides
será adaptada em dispositivos
XR. Esse wrapper permite que você escolha os componentes que quer excluir desse
comportamento.
Adicione o wrapper EnableXrComponentOverrides
para adaptar seu app ao Material
Design para XR.
Coluna de navegação
A barra de navegação em qualquer layout do Compose, incluindo NavigationSuiteScaffold
,
será adaptada automaticamente ao XR Orbiter. Para mais informações, leia as diretrizes
do Material Design.


Barra de navegação
A barra de navegação em qualquer layout do Compose, incluindo NavigationSuiteScaffold
,
será adaptada automaticamente ao orbitador de XR. Para mais informações, leia as diretrizes
do Material Design.


Layout de detalhes e listas para XR
Os layouts adaptáveis do Compose Material 3 no XR têm um mapeamento 1:1 em que cada
painel é colocado no próprio painel espacial do XR. Saiba mais sobre
ListDetailPaneScaffold
e as diretrizes de design adaptativo.


Suporte ao layout do painel para XR
Os layouts adaptáveis do Compose Material 3 no XR têm um mapeamento 1:1 em que cada
painel é colocado no próprio painel espacial do XR. Saiba mais sobre
SupportingPaneScaffold
e as diretrizes de design adaptativo.


Comece a projetar com o kit de design do Material 3 para o Figma
Faça o download do kit de design do Material 3 para começar