Jetpack Compose Glimmer è il toolkit UI per creare esperienze ambientali ricche per gli occhiali con AI per la visualizzazione. Mentre sviluppi la tua UI Glimmer di Jetpack Compose, utilizza le anteprime dei componenti componibili per visualizzare e iterare rapidamente ed efficientemente i tuoi progetti. Le anteprime componibili offrono un rendering interattivo e in tempo reale dei componenti dell'interfaccia utente Glimmer di Jetpack Compose direttamente in Android Studio. Queste anteprime eliminano la necessità di creare ed eseguire continuamente l'app su un emulatore o un dispositivo fisico per ogni piccola modifica dell'interfaccia utente, accelerando notevolmente il ciclo di sviluppo.
Visualizzare l'anteprima dei componenti dell'interfaccia utente Glimmer di Jetpack Compose
- Apri il progetto XR nell'ultima build Canary di Android Studio.
- Verifica che la funzione componibile sia annotata con l'annotazione
@Preview. Nella visualizzazione Codice, fai clic sul selettore di configurazione dell'anteprima per la funzione componibile.
Dal menu a discesa Dispositivo, seleziona AI Glasses.
In questo modo, la superficie di anteprima viene regolata in modo che corrisponda alla risoluzione e alle proporzioni uniche di un display degli occhiali AI.
Seleziona la visualizzazione Progettazione o Divisa per visualizzare l'anteprima.
Regolare l'ambiente di anteprima
Gli occhiali utilizzano un display trasparente additivo. Questa caratteristica significa che il display può solo aggiungere luce, non può creare il nero. Con un display additivo, il nero non è un colore, ma appare trasparente al 100%. L'anteprima di Compose fornisce un'approssimazione che ti aiuta a capire come si comporta la UI in diverse condizioni di visualizzazione.
Per simulare diverse condizioni di visualizzazione, fai clic sull'icona dell'ambiente nella barra degli strumenti del riquadro di anteprima. Prova diverse opzioni di sfondo (ad esempio Chiaro, Scuro o Occupato) per verificare se il testo e i componenti hanno contrasto e visibilità adeguati.