Une fois que vous avez importé des traces, cliquez sur Afficher les traces pour les visualiser. Les onglets de chaque trace s'affichent dans le panneau supérieur de la fenêtre. Si le fichier importé contient les traces pertinentes, une vue flottante de la trace d'enregistrement d'écran ou de la capture d'écran est superposée à l'écran:
Figure 1 : Afficher les traces sur Winscope.
Les sections suivantes décrivent les éléments de l'interface utilisateur de l'écran Afficher les traces.
Rectangles
Un panneau COUCHES pour les vues Winscope, telles que WindowManager, SurfaceFlinger et ViewCapture, inclut des éléments rectangulaires de la trace qui représentent visuellement leur position et leur ordre sur l'axe Z.
Grâce aux commandes de navigation du panneau CALQUES, vous pouvez modifier le mode de dessin des calques rectangulaires, ainsi que leur espacement et leur rotation:
Figure 2. Commandes du rectangle.
Format de dégradé
Pour inspecter plus efficacement tous les éléments de la hiérarchie, vous pouvez utiliser le bouton Format rectangulaire pour définir le format de dessin du rectangle sur Dégradé. Dans le format dégradé, le bouton Format rectangulaire devient gris clair.
Dans ce mode, l'opacité de chaque rectangle est réduite en fonction de son ordre Z, les rectangles ayant un ordre Z plus élevé étant plus transparents. Vous pouvez ainsi voir tous les éléments de la hiérarchie sans avoir à vous soucier des rectangles qui se cachent les uns les autres:
Figure 3. Dégradé de rectangle.
Format d'opacité
Pour définir le format de dessin du rectangle sur opacité, cliquez sur le bouton Format du rectangle. Dans le format Opacité, le bouton Format rectangulaire devient gris foncé.
Dans ce mode, chaque rectangle est dessiné en fonction de son opacité, comme l'opacité de la surface ou de la vue:
Figure 4. Opacité du rectangle.
Format de la maquette fonctionnelle
Pour remplacer la représentation rectangulaire par une maquette fonctionnelle, cliquez sur le bouton Format rectangulaire. Cette représentation permet d'examiner et d'analyser plus facilement les éléments individuels de la hiérarchie. Dans le format maquette fonctionnelle_, le bouton Format rectangulaire se transforme en contour sans ombre:
Figure 5. Maquette fonctionnelle rectangulaire.
Rotation
Utilisez le curseur de rotation pour modifier la perspective des rectangles entre 0 et 45 degrés. Vous pouvez ainsi repérer les scénarios où des éléments se trouvent hors écran:
Figure 6. Rotation du rectangle.
Espacement
Utilisez le curseur d'espacement pour contrôler l'espacement entre les calques, en créant une vue aplatie ou plus étalée pour mieux inspecter l'ordre des éléments Z:
Figure 7. Rectangle face.
Affichage et sélection de la fenêtre
Dans la vue SurfaceFlinger, lorsque vous enregistrez des données sur des appareils dotés de plusieurs écrans, un menu affiche les écrans disponibles afin que vous ne puissiez sélectionner que ceux qui vous intéressent.
Dans ViewCapture, lorsque vous enregistrez plusieurs fenêtres système, telles que la barre de notification, la barre des tâches et le lanceur d'applications, le menu liste les fenêtres disponibles.
Panoramique et zoom
Vous pouvez ajuster la position des rectangles horizontalement ou verticalement en cliquant sur leur zone et en faisant glisser la souris. Pour faire un zoom avant, un zoom arrière ou réinitialiser le niveau de zoom, vous pouvez utiliser la molette de défilement ou les boutons de zoom de la barre de commandes.
Hiérarchie
Les lecteurs Winscope intègrent souvent un visualiseur de hiérarchie. Le visualiseur de la figure 1 illustre différentes hiérarchies en fonction de la trace analysée. Par exemple, le visualiseur peut afficher la hiérarchie des fenêtres dans WindowManager ou la hiérarchie des vues dans une fenêtre d'UI système.
Pour en savoir plus sur des types de hiérarchies spécifiques, consultez les sections sur les traces respectives.
Cette section décrit l'utilisation générale de la hiérarchie, comme les fonctionnalités Afficher la différence, Afficher uniquement V, Aplatir et Rechercher.
Figure 8. Contrôles de la hiérarchie.
Afficher les différences
Lorsque la fonctionnalité Afficher la différence est activée, Winscope surveille et affiche automatiquement les modifications entre l'état actuel et l'état précédent. La fonctionnalité Afficher la différence met en évidence les éléments supprimés en rouge, les éléments modifiés en bleu et les nouveaux éléments créés en vert. Cette représentation visuelle permet d'identifier et de comprendre plus rapidement les différences entre les deux états, ce qui facilite le suivi des modifications et l'identification des problèmes potentiels.
Figure 9. Afficher la hiérarchie des différences.
Rechercher et appliquer des filtres
L'outil d'affichage de la hiérarchie propose une fonctionnalité de recherche qui utilise des expressions régulières. Ce filtre cible à la fois le nom et la valeur de l'élément (pour les propriétés). Lorsque le filtre correspond à un élément enfant de la hiérarchie, l'ensemble de la chaîne de parents jusqu'à la racine de l'arborescence devient visible, comme illustré dans la figure suivante:
Figure 10. Hiérarchie de recherche.
Afficher uniquement les éléments visibles
La fonctionnalité Afficher uniquement les éléments visibles vous permet de filtrer tous les éléments masqués d'une hiérarchie. Par défaut, Winscope affiche à la fois les éléments visibles et invisibles. Les éléments visibles sont dessinés en noir, tandis que les éléments invisibles apparaissent en gris.
Monocorde
Le bouton Flat réorganise la structure hiérarchique en éliminant les relations parent-enfant entre les éléments. Cette action affiche tous les éléments au même niveau. Combinée à l'option Afficher uniquement les éléments visibles, la hiérarchie résultante n'affiche que les éléments visibles, à l'exception de leurs éléments parents, comme illustré dans la figure suivante:
Figure 11 : Hiérarchie plate.
Propriétés
Dans Winscope, de nombreux lecteurs intègrent un lecteur de propriétés. Cet outil présente différentes listes de propriétés associées à un élément sélectionné dans la vue hiérarchique. Par exemple, le lecteur peut afficher les propriétés d'une activité dans WindowManager ou celles d'une vue dans l'UI système.
Pour en savoir plus sur des propriétés spécifiques, consultez les sections sur les traces SurfaceFlinger, WindowManager et View Capture.
Cette section décrit la hiérarchie générale des fonctionnalités Afficher la différence, Rechercher et Afficher les valeurs par défaut.
Afficher les différences
L'utilisation de la fonctionnalité Afficher le différentiel est identique à celle de Afficher le différentiel dans la vue hiérarchique.
Rechercher et appliquer des filtres
L'utilisation de la fonctionnalité Rechercher est identique à celle de la recherche dans la vue hiérarchique.
Afficher les valeurs par défaut
Par défaut, Winscope n'affiche que les valeurs de propriété modifiées, qui sont des valeurs non par défaut pour leurs types de données respectifs. Par exemple, Winscope omet false pour les valeurs booléennes, 0 pour les entiers, null pour les objets et [] pour les tableaux.
Cette simplification simplifie la liste des propriétés visibles par l'utilisateur.
Toutefois, dans certaines situations, il est utile d'avoir une vue complète de toutes les informations liées à un élément. Dans ce cas, l'option Afficher les valeurs par défaut affiche toutes les propriétés disponibles dans Winscope, y compris celles dont les valeurs sont vides ou nulles.
Figure 12. Valeurs par défaut des propriétés.
Raccourcis généraux
Winscope est compatible avec les raccourcis suivants:
Figure 13. Raccourcis généraux.