hierarchyviewer - Online w chmurze

PROGRAM:

IMIĘ

hierarchyviewer - narzędzie do debugowania i optymalizacji interfejsu użytkownika Androida

STRESZCZENIE

przeglądarka hierarchii

OPIS

Aplikacja Hierarchy Viewer umożliwia debugowanie i optymalizację interfejsu użytkownika. To
zapewnia wizualną reprezentację hierarchii widoków układu (Widok układu) i a
powiększony inspektor wyświetlacza (Pixel Perfect View).

Aby uruchomić przeglądarkę hierarchii:

1. Podłącz swoje urządzenie lub uruchom emulator.

2. Uruchom przeglądarkę Hierarchy Viewer z powłoki lub z menu środowiska graficznego.

3. W oknie, które zostanie otwarte, zobaczysz listę urządzeń. Po wybraniu urządzenia a
lista aktualnie aktywnych systemów Windows wyświetlana jest po prawej stronie. The jest
okno aktualnie na pierwszym planie, a także okno domyślne ładowane, jeśli tego nie robisz
wybierz inny.

4. Wybierz okno, które chcesz sprawdzić i kliknij opcję Wczytaj hierarchię widoków. Układ
Widok zostanie załadowany. Następnie możesz załadować Pixel Perfect View, klikając drugi
ikona w lewym dolnym rogu okna.

Jeśli przeszedłeś do innego okna na urządzeniu, naciśnij Odśwież system Windows, aby odświeżyć
lista dostępnych okien po prawej stronie.

układ Zobacz i wysłuchaj
Widok układu umożliwia wgląd w układ i właściwości widoku. Ma trzy widoki:

Widok drzewa: diagram hierarchii widoków po lewej stronie.
Widok właściwości: lista właściwości wybranego widoku w prawym górnym rogu.
Widok szkieletowy: rysunek poglądowy układu w prawym dolnym rogu.

Wybierz węzeł w widoku drzewa, aby wyświetlić właściwości tego elementu we właściwościach
Pogląd. Po wybraniu węzła widok szkieletowy wskazuje również granice węzła
element z czerwonym prostokątem. Kliknij dwukrotnie węzeł w drzewie (lub wybierz go i kliknij
Display View), aby otworzyć nowe okno z renderowaniem tego elementu.

Widok układu zawiera kilka innych przydatnych funkcji do debugowania układu:
Unieważnij i poproś o układ. Przyciski te wykonują odpowiednie wywołania przeglądania,
unieważnić() i żądanieUkład(), na elemencie widoku aktualnie wybranym w drzewie.
Wywoływanie tych metod w dowolnym widoku może być bardzo przydatne podczas jednoczesnego uruchamiania pliku a
debuger w Twojej aplikacji.

Rozmiar widoku drzewa można zmieniać za pomocą suwaka powiększenia znajdującego się poniżej diagramu. Numer
elementów widoku w oknie jest również podana tutaj. Powinieneś szukać sposobów na minimalizację
liczba wyświetleń. Im mniej elementów widoku znajduje się w oknie, tym szybciej będzie ono działać
wykonać.

Jeśli wejdziesz w interakcję z urządzeniem i zmienisz skupiony widok, diagram nie zostanie zmieniony
automatycznie odświeżać. Należy ponownie załadować widok układu, klikając opcję Wczytaj hierarchię widoków.

piksel Idealny Zobacz i wysłuchaj
Pixel Perfect View zapewnia powiększony widok bieżącego okna urządzenia. To ma
trzy widoki:

Widok Eksploratora: pokazuje hierarchię widoków w formie listy po lewej stronie.
Widok normalny: normalny widok okna urządzenia, pośrodku.
Widok przez lupę: powiększony widok okna urządzenia w formie siatki pikseli po prawej stronie.

Kliknij element w widoku eksploratora, a w widoku normalnym zostanie narysowane „pole układu”.
Widok, aby wskazać położenie układu tego elementu. Pole układu używa wielu
prostokąty, aby wskazać normalne granice, dopełnienie i margines (w razie potrzeby). The
fioletowy lub zielony prostokąt wskazuje normalne granice elementu (wysokość i
szerokość). Wewnętrzny biały lub czarny prostokąt wskazuje granice zawartości, jeśli jest dopełnienie
obecny. Wskazuje czarny lub biały prostokąt poza normalnym fioletowo-zielonym prostokątem
wszelkie obecne marginesy. (Istnieją dwa kolory dla każdego prostokąta, aby zapewnić
najlepszy kontrast na podstawie kolorów aktualnie znajdujących się w tle.)

Bardzo przydatną funkcją przy projektowaniu interfejsu użytkownika jest możliwość nałożenia obrazu w formacie
Widok normalny i przez lupę. Możesz na przykład mieć próbny obraz tego, jak chcesz
rozplanuj swój interfejs. Możesz to zrobić, wybierając opcję Wczytaj... z elementów sterujących w widoku normalnym
wybierz obraz ze swojego komputera, a zostanie on umieszczony na podglądzie. Twój wybrany
obraz zostanie zakotwiczony w lewym dolnym rogu ekranu. Następnie możesz dostosować krycie
nakładki i rozpocznij dopasowywanie układu do makiety.

Widok normalny i widok z lupą odświeżają się w regularnych odstępach czasu (domyślnie 5 sekund), ale
Widok Eksploratora tego nie robi. Jeśli odejdziesz i skupisz się na innym widoku, to ty
powinien odświeżyć hierarchię Eksploratora, klikając opcję Wczytaj hierarchię widoku. To nawet prawda
podczas pracy w oknie zawierającym wiele widoków, które nie zawsze są widoczne. Jeśli
nie, chociaż podgląd zostanie odświeżony, kliknięcie widoku w Eksploratorze nie spowoduje tego
podaj odpowiednie pole układu w widoku normalnym, ponieważ hierarchia tak uważa
nadal skupiony na poprzednim Poglądzie.

Opcjonalne elementy sterujące obejmują:

Nakładka: Załaduj obraz nakładki do widoku i dostosuj jego krycie.
Częstotliwość odświeżania: Dostosuj częstotliwość odświeżania widoku normalnego i lupy.
Zoom: Dostosuj poziom powiększenia widoku lupy.

PRAWA AUTORSKIE

Ta strona podręcznika jest objęta licencją Apache License w wersji 2.0.

Prawa autorskie (C) 2013 www.linuxtopia.org

Copyright (C) 2013 Jakub Adam[email chroniony]>

Użyj hierarchyviewer online, korzystając z usług onworks.net