Za pomocą inspektora układu możesz sprawdzać układ Compose w działającej aplikacji w emulatorze lub na urządzeniu fizycznym. Możesz użyć Inspektora układu, by sprawdzić, jak często funkcja kompozycyjna jest przekomponowana lub pomijana, co może pomóc w zidentyfikowaniu problemów z aplikacją. Na przykład niektóre błędy w kodowaniu mogą zmuszać interfejs do nadmiernego przekomponowania elementów, co może pogorszyć wydajność. Niektóre błędy w kodzie mogą uniemożliwiać ponowne skomponowanie interfejsu i tym samym uniemożliwić wyświetlanie zmian interfejsu. Jeśli dopiero zaczynasz korzystać z Inspektora układu, zapoznaj się ze wskazówkami dotyczącymi jego uruchamiania.
Pobieranie liczb zmiany kompozycji
Podczas debugowania układów w Compose jest ważna informacja, kiedy elementy kompozycyjne tworzą ponownie, ponieważ pozwala to ustalić, czy interfejs użytkownika został prawidłowo zaimplementowany. Jeśli np. aplikacja jest przekomponowana zbyt wiele razy, być może wykonuje więcej pracy, niż jest to konieczne. Z drugiej strony komponenty, które nie składają się ponownie w oczekiwanym momencie, mogą prowadzić do nieoczekiwanych zachowań.
Inspektor układu pokazuje, kiedy określone elementy kompozycyjne w hierarchii układu zostały przekomponowane lub pominięte podczas korzystania z aplikacji. W Android Studio przekomponowane są podświetlone kompozycje, by pomóc Ci określić, w którym miejscu w interfejsie ponownie komponują się kompozycje.
Rysunek 1. Przeprojektowania są wyróżnione w inspektorze układu.
W sekcji obrazów w Inspektorze układu widać nakładkę gradientową kompozytu i stopniowo znika, aby zorientować się, w którym miejscu w interfejsie można znaleźć kompozycję o największych zmianach. Jeśli jedna funkcja kompozycyjna jest ponownie komponowana z większą szybkością niż druga, pierwszy z funkcji kompozycyjnych otrzymuje intensywniejszy kolor nakładki gradientowej. Jeśli dwukrotnie klikniesz funkcję kompozycyjną w inspektorze układu, otworzy się odpowiedni kod do analizy.
Otwórz okno Inspektora układu i połącz się z procesem aplikacji. W drzewie komponentów obok hierarchii układu pojawiają się 2 kolumny. Pierwsza kolumna przedstawia liczbę kompozycji dla każdego węzła, a druga – liczbę pominięć dla każdego węzła. Wybór węzła kompozycyjnego powoduje wyświetlenie wymiarów i parametrów funkcji kompozycyjnej, chyba że jest to funkcja wbudowana, więc nie można wyświetlić parametrów. Podobne informacje możesz też zobaczyć w panelu Atrybuty po wybraniu elementu kompozycyjnego z drzewa komponentów lub wyświetlania układu.
Zresetowanie licznika pomoże Ci zrozumieć zmiany kompozycji lub pominięcia w trakcie określonej interakcji z aplikacją. Jeśli chcesz zresetować licznik, kliknij Resetuj w górnej części panelu Drzewo komponentów.
Rysunek 3. Włącz kompozycję i licznik pomijania w inspektorze układu.
Semantyka tworzenia wiadomości
Sekcja Semantics w sekcji Compose opisuje interfejs użytkownika w sposób alternatywny, zrozumiały dla usług ułatwień dostępu i platformy testowania. Informacje semantyczne w układach tworzenia wiadomości możesz sprawdzać za pomocą inspektora układu.
Rysunek 4. Informacje semantyczne wyświetlane przy użyciu Inspektora układu.
Gdy wybierasz węzeł tworzenia, w panelu Atrybuty możesz sprawdzić, czy zawiera on informacje semantyczne bezpośrednio, scala semantykę z jego elementów podrzędnych, czy oba te elementy. Aby szybko sprawdzić, które węzły zawierają semantykę (zadeklarowaną lub scaloną), kliknij menu Opcje widoku w panelu Drzewo komponentów i wybierz Wyróżnij warstwy semantyczne. Spowoduje to zaznaczenie tylko tych węzłów w drzewie, które zawierają semantykę. Za pomocą klawiatury możesz szybko między nimi przechodzić.