Implementare Material Design per l'interfaccia utente spaziale

Material Design fornisce componenti e layout che si adattano all'XR. Utilizzando la libreria Material 3 esistente, i componenti e i layout adattivi vengono migliorati con i comportamenti dell'interfaccia utente spaziale.

Modalità di navigazione laterale

La barra di navigazione in qualsiasi layout di composizione, incluso NavigationSuiteScaffold, si adatterà automaticamente a XR Orbiter. Per saperne di più, 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 saperne di più, leggi le linee guida di Material Design.

Finestre di dialogo

Un BasicAlertDialog si adatterà alla XR, aggiungendo elevazione al componente.

Scopri di più su Dialoghi e sulle linee guida per la progettazione adattiva.

Barre dell'app in alto

Un TopAppBar si adatterà automaticamente all'orbiter XR.

Scopri di più sulle barre delle app nella parte superiore dello schermo e sulle linee guida per la progettazione adattiva.

Layout elenco-dettagli per XR

I layout adattivi di Material 3 in XR hanno una mappatura 1:1 in cui ogni riquadro viene posizionato all'interno del proprio pannello spaziale XR. Scopri di più su ListDetailPaneScaffold e sulle linee guida per la progettazione adattiva.

Layout del riquadro di assistenza per XR

I layout adattivi di Material 3 in XR hanno una mappatura 1:1 in cui ogni riquadro viene posizionato all'interno del proprio pannello spaziale XR. Scopri di più su SupportingPaneScaffold e sulle linee guida per la progettazione adattiva.

Inizia a progettare con il kit di progettazione Material 3 per Figma

Scarica il kit di progettazione Material 3 per iniziare

Vedi anche

• Sviluppare l'UI con Jetpack Compose per XR
• Linee guida per la progettazione dell'UI spaziale