Ao desenvolver a interface do Jetpack Compose Glimmer, use as prévias de composição para visualizar e iterar seus designs de forma rápida e eficiente. As prévias de composição oferecem uma renderização interativa e em tempo real dos componentes de IU do Glimmer do Jetpack Compose diretamente no Android Studio. Essas prévias eliminam a necessidade de criar e executar continuamente o app em um emulador ou dispositivo físico para cada pequena mudança na interface, acelerando drasticamente o ciclo de desenvolvimento.
Visualizar componentes de interface do Glimmer do Jetpack Compose
- Abra seu projeto de XR no build canário mais recente do Android Studio.
- Verifique se a função combinável tem a anotação
@Preview. Na visualização de código, clique no Seletor de configuração da Preview para a função combinável.
No menu suspenso Dispositivo, selecione Óculos com IA.
Isso ajusta a superfície de visualização para corresponder à resolução e à proporção exclusivas dos óculos com tela.
Selecione a visualização Design ou Split para conferir a prévia.
Ajustar o ambiente de pré-lançamento
Os óculos usam uma tela aditiva e transparente. Essa característica significa que a tela só pode adicionar luz, não pode criar preto. Com uma tela aditiva, o preto não é uma cor, ele aparece 100% transparente. A visualização do Compose oferece uma aproximação que ajuda a entender como a interface se comporta em diferentes condições de visualização.
Para simular diferentes condições de visualização, clique no ícone de ambiente na barra de ferramentas do painel de visualização. Teste diferentes opções de plano de fundo (por exemplo, claro, escuro ou com muitos elementos) para verificar se o texto e os componentes têm contraste e visibilidade adequados.