Analyser les traces

Une fois que vous avez chargé les traces, cliquez sur Afficher les traces pour visualiser les traces importées. Les onglets de chaque trace s'affichent dans le panneau supérieur de la fenêtre. Si le fichier importé contient les traces pertinentes, Winscope superpose une vue flottante de la trace d'enregistrement d'écran ou de la capture d'écran sur l'écran :

Afficher les traces sur Winscope

Figure 1 : Afficher les traces sur Winscope.

Les sections suivantes décrivent les éléments de l'interface utilisateur (UI) de l'écran Afficher les traces.

Rectangles

Le panneau CALQUES des vues Winscope, telles que WindowManager, SurfaceFlinger et ViewCapture, affiche des éléments rectangulaires de la trace, représentant visuellement leur position et leur ordre sur l'axe Z.

Utilisez les commandes de navigation du panneau CALQUES pour modifier le mode de dessin des calques rectangulaires, ainsi que leur espacement et leur rotation :

Commandes de rectangle

Figure 2. Commandes de rectangle.

Format du dégradé

Pour inspecter plus efficacement tous les éléments de la hiérarchie, cliquez sur le bouton Format rect pour remplacer le format de dessin des rectangles par Gradient. Dans le format gradient, le bouton rect format devient gris clair.

Dans ce mode, Winscope réduit l'opacité de chaque rectangle en fonction de son ordre Z. Les rectangles avec un ordre Z plus élevé sont plus translucides. Cela vous permet de voir tous les éléments de la hiérarchie sans vous soucier des rectangles qui se masquent les uns les autres :

Dégradé rectangulaire

Figure 3. Dégradé rectangulaire.

Format de l'opacité

Pour modifier le format de dessin du rectangle en opacité, cliquez sur le bouton format rect. Au format opacity, le bouton rect format devient gris foncé.

Dans ce mode, Winscope dessine chaque rectangle en fonction de son opacité, comme l'opacité de la surface ou de la vue :

Opacité du rectangle

Figure 4. Opacité du rectangle.

Format de la maquette fonctionnelle

Pour remplacer la représentation du rectangle par un wireframe, cliquez sur le bouton format rect. Cette représentation simplifie l'examen et l'analyse des éléments individuels de la hiérarchie. Au format wireframe, le bouton rect format se transforme en contour sans ombrage :

Maquette rectangulaire

Figure 5. Maquette filaire rectangulaire.

Rotation

Utilisez le curseur de rotation pour modifier la perspective des rectangles entre 0 et 45 degrés, ce qui vous permet de repérer les scénarios dans lesquels des éléments sortent de l'écran :

Rotation du rectangle

Figure 6. Rotation du rectangle.

Espacement

Utilisez le curseur d'espacement pour contrôler l'espacement entre les calques, ce qui permet de créer une vue aplatie ou plus étalée pour mieux inspecter l'ordre Z des éléments :

Espacement des rectangles

Figure 7. Espacement des rectangles.

Affichage et sélection de 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, ce qui vous permet de sélectionner uniquement ceux qui vous intéressent.

Dans ViewCapture, lorsque vous enregistrez plusieurs fenêtres système, telles que la barre de notifications, 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, utilisez la molette de la souris ou les boutons de zoom de la barre de commande.

Hiérarchie

Les lecteurs Winscope incluent souvent un lecteur de hiérarchie. Le lecteur de la figure 1 représente différentes hiérarchies en fonction de la trace que vous analysez. Par exemple, le lecteur peut afficher la hiérarchie des fenêtres dans WindowManager ou la hiérarchie des vues dans une fenêtre d'interface utilisateur système.

Pour en savoir plus sur des types de hiérarchie spécifiques, consultez les sections sur les traces correspondantes.

Cette section décrit l'utilisation générale de la hiérarchie, comme les fonctionnalités Afficher la différence, Afficher uniquement les éléments visibles, À plat et Rechercher.

Contrôles de la hiérarchie

Figure 8. Contrôles de la hiérarchie.

Afficher les différences

Lorsque vous activez la fonctionnalité Afficher les différences, Winscope surveille et affiche automatiquement les modifications entre l'état actuel et l'état précédent. La fonctionnalité Afficher les différences met en évidence les éléments supprimés en rouge, les éléments modifiés en bleu et les nouveaux éléments en vert. Cette représentation visuelle vous permet d'identifier et de comprendre rapidement les différences entre les deux états, ce qui facilite le suivi des modifications et l'identification des problèmes potentiels.

Afficher la hiérarchie des diff

Figure 9. Affiche la hiérarchie des différences.

Rechercher et appliquer des filtres

Le Hierarchy Viewer fournit une fonctionnalité Search (Rechercher) qui utilise des expressions régulières (regex). 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, toute la chaîne de parents jusqu'à la racine de l'arborescence devient visible, comme illustré dans la figure suivante :

Hiérarchie de recherche

Figure 10. Hiérarchie de recherche.

Afficher uniquement les éléments visibles

Utilisez la fonctionnalité Afficher uniquement les éléments visibles pour filtrer tous les éléments masqués d'une hiérarchie. Par défaut, Winscope affiche les éléments visibles et invisibles. Winscope affiche les éléments visibles en noir et les éléments invisibles en gris.

Monocorde

Le bouton Flat (À plat) 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'exclusion de leurs éléments parents, comme illustré dans la figure suivante :

Hiérarchie plate

Figure 11 : Hiérarchie linéaire

Propriétés

Dans Winscope, de nombreux lecteurs intègrent un lecteur de propriétés. Ce lecteur 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 la différence est identique à celle de l'option Afficher la différence 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 définies par défaut pour leurs types de données respectifs. Par exemple, Winscope omet false pour les booléens, 0 pour les entiers, null pour les objets et [] pour les tableaux. Cette simplification permet de réduire la liste des propriétés visibles par l'utilisateur. Toutefois, dans certaines situations, il est utile d'avoir une vue d'ensemble de toutes les informations liées aux éléments. Dans ce cas, l'option Afficher les valeurs par défaut révèle toutes les propriétés disponibles dans Winscope, y compris celles dont les valeurs sont vides ou nulles.

Propriétés par défaut

Figure 12. Valeurs par défaut des propriétés.

Raccourcis généraux

Winscope est compatible avec les raccourcis suivants :

raccourcis

Figure 13. Raccourcis généraux.