Material Design fornisce componenti e layout che si adattano all'XR. Con la libreria Material 3 esistente, i componenti e i layout adattabili vengono migliorati con i comportamenti dell'interfaccia utente spaziale.
Puoi adattare l'attuale implementazione di M3 aggiungendo il wrapper EnableXrComponentOverrides.
Utilizzare EnableXrComponentOverrides per adattare l'app esistente
Tutta l'interfaccia utente di Compose di M3 all'interno del wrapper
EnableXrComponentOverrides si adatterà ai dispositivi VR. Questo wrapper ti consente di scegliere i componenti da escludere da questo comportamento.
Aggiungi il wrapper EnableXrComponentOverrides per adattare l'app a Material Design per XR.
Modalità di navigazione laterale
La barra di navigazione in qualsiasi layout di Componi, incluso NavigationSuiteScaffold, si adatterà automaticamente a XR Orbiter. Per ulteriori informazioni, leggi le linee guida di Material Design.
Barra di navigazione
La barra di navigazione in qualsiasi layout di composizione, incluso NavigationSuiteScaffold, si adatterà automaticamente all'orbiter XR. Per ulteriori informazioni, leggi le linee guida di Material Design.
Layout elenco dettagliato per XR
I layout adattivi di Material 3 in XR hanno una mappatura 1:1 in cui ogni riquadro è posizionato all'interno del proprio riquadro spaziale XR. Scopri di più su
ListDetailPaneScaffold e sulle linee guida per il design adattivo.
Layout del riquadro di assistenza per XR
I layout adattivi di Material 3 in XR hanno una mappatura 1:1 in cui ogni riquadro è posizionato all'interno del proprio riquadro spaziale XR. Scopri di più su
SupportingPaneScaffold e sulle linee guida per il design adattivo.
Inizia a progettare con il Material 3 Design Kit per Figma
Scarica il kit di progettazione Material 3 per iniziare
Vedi anche
- Sviluppare l'interfaccia utente con Jetpack Compose per XR
- Linee guida per la progettazione di UI spaziali