Hiérarchie Viewer - En ligne dans le Cloud

PROGRAMME:

Nom

hierarchieviewer - un outil pour déboguer et optimiser l'interface utilisateur Android

SYNOPSIS

visionneuse de hiérarchie

DESCRIPTION

L'application Hierarchy Viewer vous permet de déboguer et d'optimiser votre interface utilisateur. Ce
fournit une représentation visuelle de la hiérarchie de la vue de la mise en page (la vue de la mise en page) et un
inspecteur agrandi de l'affichage (le Pixel Perfect View).

Pour lancer la visionneuse de hiérarchie :

1. Connectez votre appareil ou lancez un émulateur.

2. Lancez Hierarchy Viewer à partir du shell ou du menu de votre environnement de bureau.

3. Dans la fenêtre qui s'ouvre, vous verrez une liste d'appareils. Lorsqu'un périphérique est sélectionné, un
la liste des fenêtres actuellement actives s'affiche sur la droite. Les est le
fenêtre actuellement au premier plan, et aussi la fenêtre par défaut chargée si vous ne
sélectionnez-en un autre.

4. Sélectionnez la fenêtre que vous souhaitez inspecter et cliquez sur Charger la hiérarchie des vues. La disposition
La vue sera chargée. Vous pouvez ensuite charger le Pixel Perfect View en cliquant sur le deuxième
icône en bas à gauche de la fenêtre.

Si vous avez navigué vers une autre fenêtre sur l'appareil, appuyez sur Actualiser Windows pour actualiser
la liste des fenêtres disponibles sur la droite.

Disposition Voir
La vue Mise en page offre un aperçu de la mise en page et des propriétés de la vue. Il a trois vues :

Tree View : un diagramme hiérarchique des Vues, ​​à gauche.
Vue Propriétés : une liste des propriétés de la vue sélectionnée, en haut à droite.
Vue filaire : un dessin filaire de la mise en page, en bas à droite.

Sélectionnez un nœud dans l'arborescence pour afficher les propriétés de cet élément dans les propriétés
Vue. Lorsqu'un nœud est sélectionné, la vue filaire indique également les limites du
élément avec un rectangle rouge. Double-cliquez sur un nœud dans l'arborescence (ou sélectionnez-le et cliquez sur
Afficher la vue) pour ouvrir une nouvelle fenêtre avec un rendu de cet élément.

La vue Mise en page comprend quelques autres fonctionnalités utiles pour le débogage de votre mise en page :
Invalider et demander la mise en page. Ces boutons exécutent les appels View respectifs,
invalider() ainsi que requêteLayout(), sur l'élément View actuellement sélectionné dans l'arborescence.
L'appel de ces méthodes sur n'importe quelle vue peut être très utile lors de l'exécution simultanée d'un
débogueur sur votre application.

L'arborescence peut être redimensionnée en ajustant le curseur de zoom, sous le diagramme. Le nombre
des éléments de vue dans la fenêtre est également donnée ici. Vous devriez chercher des moyens de minimiser
le nombre de vues. Moins il y a d'éléments View dans une fenêtre, plus elle sera rapide
effectuer.

Si vous interagissez avec l'appareil et modifiez la vue ciblée, le diagramme ne
rafraîchir automatiquement. Vous devez recharger la vue de la mise en page en cliquant sur Charger la hiérarchie des vues.

pixel voiture Voir
Le Pixel Perfect View offre un aperçu agrandi de la fenêtre actuelle de l'appareil. Il a
trois vues :

Vue de l'explorateur : affiche la hiérarchie des vues sous forme de liste, sur la gauche.
Vue normale : une vue normale de la fenêtre de l'appareil, au milieu.
Vue Loupe : une vue agrandie en grille de pixels de la fenêtre de l'appareil, sur la droite.

Cliquez sur un élément dans la vue de l'explorateur et une "zone de mise en page" sera dessinée dans la normale
Afficher pour indiquer la position de mise en page de cet élément. La zone de mise en page utilise plusieurs
rectangles, pour indiquer les limites normales, le remplissage et la marge (au besoin). Les
rectangle violet ou vert indique les limites normales de l'élément (la hauteur et
largeur). Le rectangle intérieur blanc ou noir indique les limites du contenu, lorsque le remplissage est
présent. Un rectangle noir ou blanc à l'extérieur du rectangle violet/vert normal indique
toutes les marges présentes. (Il y a deux couleurs pour chaque rectangle, afin de fournir le
meilleur contraste en fonction des couleurs actuellement en arrière-plan.)

Une fonctionnalité très pratique pour concevoir votre interface utilisateur est la possibilité de superposer une image dans le
Vues normale et à la loupe. Par exemple, vous pouvez avoir une image maquette de la façon dont vous aimeriez
agencez votre interface. En sélectionnant Charger... dans les commandes de la vue normale, vous pouvez
choisissez l'image sur votre ordinateur et elle sera placée au-dessus de l'aperçu. Votre choisi
l'image s'ancrera dans le coin inférieur gauche de l'écran. Vous pouvez ensuite régler l'opacité
de la superposition et commencez à affiner votre mise en page pour qu'elle corresponde à la maquette.

L'affichage normal et l'affichage à la loupe s'actualisent à intervalles réguliers (5 secondes par défaut), mais
la vue de l'explorateur ne le fait pas. Si vous vous éloignez et vous concentrez sur une vue différente, vous
doit actualiser la hiérarchie de l'explorateur en cliquant sur Charger la hiérarchie des vues. C'est même vrai
lorsque vous travaillez dans une fenêtre contenant plusieurs vues qui ne sont pas toujours visibles. Si
vous ne le faites pas, bien que les aperçus soient actualisés, cliquer sur une vue dans l'explorateur ne
fournir la zone de mise en page appropriée dans la vue normale, car la hiérarchie pense que vous êtes
toujours concentré sur la vue précédente.

Les contrôles facultatifs incluent :

Superposition : chargez une image superposée sur la vue et ajustez son opacité.
Taux de rafraîchissement : ajustez la fréquence à laquelle les vues normale et loupe rafraîchissent leur affichage.
Zoom : Ajustez le niveau de zoom de la vue Loupe.

DROIT D'AUTEUR

Cette page de manuel est sous licence Apache, version 2.0.

Copyright (C) 2013 www.linuxtopia.org

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

Utiliser hierarchieviewer en ligne à l'aide des services onworks.net