Jetpack Compose Glimmer to zestaw narzędzi do tworzenia interfejsu, który umożliwia tworzenie bogatych, ambientowych aplikacji na okulary AI. Podczas tworzenia interfejsu Glimmer w Jetpack Compose używaj podglądów funkcji kompozycyjnych, aby szybko i wydajnie wizualizować projekty i je ulepszać. Podglądy kompozycyjne umożliwiają wyświetlanie na żywo interaktywnych komponentów interfejsu Glimmer Jetpack Compose bezpośrednio w Android Studio. Te podglądy eliminują konieczność ciągłego kompilowania i uruchamiania aplikacji na emulatorze lub urządzeniu fizycznym przy każdej drobnej zmianie interfejsu, co znacznie przyspiesza cykl rozwoju.
Wyświetlanie podglądu komponentów interfejsu Glimmer w Jetpack Compose
- Otwórz projekt XR w najnowszej wersji Canary Androida Studio.
- Sprawdź, czy funkcja kompozycyjna jest oznaczona adnotacją
@Preview. W widoku Kod kliknij selektor konfiguracji podglądu dla funkcji kompozycyjnej.
W menu Urządzenie wybierz Okulary z AI.
Dostosowuje to powierzchnię podglądu do unikalnej rozdzielczości i formatu wyświetlacza okularów AI.
Aby wyświetlić podgląd, wybierz widok Projekt lub Podzielony.
Dostosowywanie środowiska podglądu
Okulary korzystają z przezroczystego wyświetlacza addytywnego. Oznacza to, że wyświetlacz może tylko dodawać światło, a nie tworzyć czerni. W przypadku wyświetlacza addytywnego czerń nie jest kolorem – jest w 100% przezroczysta. Podgląd kompozycji zawiera przybliżone informacje, które pomagają zrozumieć, jak interfejs użytkownika zachowuje się w różnych warunkach wyświetlania.
Aby symulować różne warunki wyświetlania, kliknij ikonę środowiska na pasku narzędzi w panelu podglądu. Wypróbuj różne opcje tła (np. Jasne, Ciemne lub Zajęte), aby sprawdzić, czy tekst i komponenty mają odpowiedni kontrast i widoczność.