Hierarchieviewer - Online in der Cloud

PROGRAMM:

NAME/FUNKTION

Hierarchieviewer - ein Tool zum Debuggen und Optimieren der Android-Benutzeroberfläche

ZUSAMMENFASSUNG

Hierarchiebetrachter

BESCHREIBUNG

Mit der Anwendung Hierarchy Viewer können Sie Ihre Benutzeroberfläche debuggen und optimieren. Es
bietet eine visuelle Darstellung der Ansichtshierarchie des Layouts (die Layoutansicht) und a
vergrößerter Inspektor des Displays (Pixel Perfect View).

So starten Sie den Hierarchie-Viewer:

1. Schließen Sie Ihr Gerät an oder starten Sie einen Emulator.

2. Starten Sie den Hierarchie-Viewer über die Shell oder das Menü Ihrer Desktop-Umgebung.

3. Im sich öffnenden Fenster sehen Sie eine Geräteliste. Wenn ein Gerät ausgewählt ist, a
Die Liste der derzeit aktiven Windows wird rechts angezeigt. Die ist der
Fenster, das sich gerade im Vordergrund befindet, und auch das Standardfenster, das geladen wird, wenn Sie dies nicht tun
einen anderen auswählen.

4. Wählen Sie das Fenster aus, das Sie überprüfen möchten, und klicken Sie auf Ansichtshierarchie laden. Das Layout
Ansicht wird geladen. Sie können dann die Pixel Perfect View laden, indem Sie auf die zweite klicken
Symbol unten links im Fenster.

Wenn Sie zu einem anderen Fenster auf dem Gerät navigiert sind, drücken Sie zum Aktualisieren auf Windows aktualisieren
rechts die Liste der verfügbaren Fenster.

Layout Anzeigen
Die Layoutansicht bietet einen Blick auf das Layout und die Eigenschaften der Ansicht. Es hat drei Ansichten:

Baumansicht: ein Hierarchiediagramm der Ansichten auf der linken Seite.
Eigenschaftenansicht: eine Liste der Eigenschaften der ausgewählten Ansicht oben rechts.
Drahtgitteransicht: eine Drahtgitterzeichnung des Layouts unten rechts.

Wählen Sie einen Knoten in der Baumansicht aus, um die Eigenschaften dieses Elements in den Eigenschaften anzuzeigen
Sicht. Wenn ein Knoten ausgewählt ist, zeigt die Drahtmodellansicht auch die Grenzen des
Element mit einem roten Rechteck. Doppelklicken Sie auf einen Knoten im Baum (oder wählen Sie ihn aus und klicken Sie auf
Ansicht anzeigen), um ein neues Fenster mit einem Rendering dieses Elements zu öffnen.

Die Layoutansicht enthält einige weitere hilfreiche Funktionen zum Debuggen Ihres Layouts:
Ungültig machen und Layout anfordern. Diese Schaltflächen führen die jeweiligen View-Aufrufe aus,
ungültig machen () und AnfrageLayout(), auf dem aktuell in der Baumstruktur ausgewählten Ansichtselement.
Das Aufrufen dieser Methoden in einer beliebigen Ansicht kann sehr nützlich sein, wenn gleichzeitig a . ausgeführt wird
Debugger für Ihre Anwendung.

Die Baumansicht kann durch Anpassen des Zoom-Schiebereglers unter dem Diagramm in der Größe geändert werden. Die Nummer
der Ansichtselemente im Fenster wird hier ebenfalls angegeben. Sie sollten nach Möglichkeiten zur Minimierung suchen
die Anzahl der Aufrufe. Je weniger Ansichtselemente in einem Fenster vorhanden sind, desto schneller wird es
ausführen.

Wenn Sie mit dem Gerät interagieren und die fokussierte Ansicht ändern, wird das Diagramm nicht angezeigt
automatisch aktualisieren. Sie müssen die Layoutansicht neu laden, indem Sie auf Ansichtshierarchie laden klicken.

Pixel Perfekt Anzeigen
Die Pixel Perfect View bietet einen vergrößerten Blick auf das aktuelle Gerätefenster. Es hat
drei Ansichten:

Explorer-Ansicht: Zeigt die Ansichtshierarchie als Liste auf der linken Seite an.
Normalansicht: eine normale Ansicht des Gerätefensters in der Mitte.
Lupenansicht: eine vergrößerte Pixelrasteransicht des Gerätefensters auf der rechten Seite.

Klicken Sie auf ein Element in der Explorer-Ansicht und eine "Layout-Box" wird in der Normal gezeichnet
Ansicht, um die Layoutposition dieses Elements anzuzeigen. Die Layoutbox verwendet mehrere
Rechtecke, um die normalen Grenzen, die Auffüllung und den Rand (nach Bedarf) anzugeben. Die
lila oder grünes Rechteck zeigt die normalen Grenzen des Elements (die Höhe und
Breite). Das innere weiße oder schwarze Rechteck zeigt die Inhaltsgrenzen an, wenn das Padding ist
gegenwärtig. Ein schwarzes oder weißes Rechteck außerhalb des normalen lila/grünen Rechtecks ​​zeigt an
eventuell vorhandene Margen. (Für jedes Rechteck gibt es zwei Farben, um die
bester Kontrast basierend auf den Farben, die sich gerade im Hintergrund befinden.)

Eine sehr praktische Funktion zum Entwerfen Ihrer Benutzeroberfläche ist die Möglichkeit, ein Bild in der
Normal- und Lupenansichten. Du könntest zum Beispiel ein Mock-up-Bild haben, wie du es gerne hättest
gestalten Sie Ihre Benutzeroberfläche. Durch Auswahl von Laden... aus den Steuerelementen in der Normalansicht können Sie
Wählen Sie das Bild von Ihrem Computer aus und es wird über der Vorschau platziert. Ihr Auserwählter
Das Bild wird in der unteren linken Ecke des Bildschirms verankert. Sie können dann die Deckkraft anpassen
des Overlays und beginnen Sie mit der Feinabstimmung Ihres Layouts, damit es dem Modell entspricht.

Die Normalansicht und Lupenansicht werden in regelmäßigen Abständen (standardmäßig 5 Sekunden) aktualisiert, aber
die Explorer-Ansicht nicht. Wenn Sie wegnavigieren und sich auf eine andere Ansicht konzentrieren, können Sie
sollte die Explorer-Hierarchie aktualisieren, indem Sie auf Ansichtshierarchie laden klicken. Das stimmt sogar
wenn Sie in einem Fenster arbeiten, das mehrere Ansichten enthält, die nicht immer sichtbar sind. Wenn
Sie tun dies nicht, obwohl die Vorschau aktualisiert wird, wenn Sie im Explorer auf eine Ansicht klicken, wird dies nicht
Stellen Sie in der Normalansicht das richtige Layoutfeld bereit, da die Hierarchie glaubt, dass Sie es sind
immer noch auf die vorherige Ansicht konzentriert.

Zu den optionalen Bedienelementen gehören:

Overlay: Laden Sie ein Overlay-Bild in die Ansicht und passen Sie dessen Deckkraft an.
Aktualisierungsrate: Passen Sie an, wie oft die Normal- und Lupenansicht ihre Anzeige aktualisiert.
Zoom: Passen Sie die Zoomstufe der Lupenansicht an.

COPYRIGHT

Diese Handbuchseite ist unter der Apache-Lizenz, Version 2.0, lizenziert.

Copyright (C) 2013 www.linuxtopia.org

Copyright (C) 2013 Jakub Adam[E-Mail geschützt] >

Verwenden Sie den Hierarchieviewer online mit den onworks.net-Diensten