Une fois les traces chargées, 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 à 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.
Vue 3D
Le panneau Vue 3D des vues Winscope, telles que WindowManager, SurfaceFlinger et ViewCapture, affiche des éléments rectangulaires à partir de la trace, en représentant visuellement leur position et leur ordre sur l'axe Z.
Utilisez les commandes de navigation du panneau pour modifier le mode de dessin des calques rectangulaires, ainsi que leur espacement et leur rotation :
Figure 2. Commandes de la vue 3D.
Format de dégradé
Pour inspecter plus efficacement tous les éléments de la hiérarchie, cliquez sur le bouton Format rect pour passer du format de dessin de rectangle au format Dégradé. Au format Dégradé, le bouton Format rect devient gris clair.
Dans ce mode, Winscope réduit l'opacité de chaque rectangle en fonction de son ordre sur l'axe Z. Les rectangles avec des ordres Z plus élevés sont plus translucides. Vous pouvez ainsi voir tous les éléments de la hiérarchie sans avoir à vous soucier des rectangles qui s'obscurcissent mutuellement :
Figure 3. Dégradé de rectangle.
Format d'opacité
Pour passer du format de dessin de rectangle au format Opacité, cliquez sur le bouton Format rect. Au format Opacité, le bouton Format rect devient gris foncé.
Dans ce mode, Winscope dessine chaque rectangle en fonction de son opacité, par exemple l'opacité de la surface ou de la vue :
Figure 4. Opacité du rectangle.
Format de wireframe
Pour passer de la représentation du rectangle au format Wireframe, cliquez sur le Format rect bouton. Cette représentation simplifie l'examen et l'analyse des éléments individuels au sein de la hiérarchie. Au format Wireframe, le bouton Format rect se transforme en contour sans ombrage :
Figure 5. Wireframe du rectangle.
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 :
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 étendue pour mieux inspecter l'ordre Z des éléments :
Figure 7. Espacement du rectangle.
Affichage et sélection de la fenêtre
Dans les vues SurfaceFlinger et WindowManager, lorsque vous enregistrez des données sur des appareils comportant plusieurs écrans, un menu affiche les écrans disponibles, ce qui vous permet de ne sélectionner que ceux qui vous intéressent.
Dans ViewCapture, lorsque vous enregistrez plusieurs fenêtres système, telles que le volet de notification, la barre des tâches et le lanceur, le menu répertorie 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 effectuer un zoom avant, un zoom arrière ou réinitialiser le niveau de zoom, utilisez la molette de défilement ou les boutons de zoom de la barre de contrôle.
Hiérarchie
Les visionneuses Winscope incluent souvent une visionneuse de hiérarchie. La visionneuse de la figure 1 représente différentes hiérarchies en fonction de la trace que vous analysez. Par exemple, la visionneuse peut afficher la hiérarchie des fenêtres dans WindowManager ou la hiérarchie des vues dans une fenêtre de l'UI du 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 le différentiel, Afficher uniquement les éléments visibles, Fixe et Rechercher.
Figure 8. Commandes de la hiérarchie.
Afficher le différentiel
Lorsque vous activez la fonctionnalité Afficher le différentiel, Winscope surveille et affiche automatiquement les modifications entre l'état actuel et l'état précédent. La fonctionnalité Afficher le différentiel met en surbrillance 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.
Figure 9. Afficher la hiérarchie des différentiels.
Rechercher et appliquer des filtres
La visionneuse de hiérarchie fournit une fonctionnalité Rechercher qui utilise des expressions régulières. Ce filtre cible à la fois le nom de l'élément et sa valeur (pour les propriétés). Lorsque le filtre correspond à un élément enfant dans 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
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 dessine les éléments visibles en noir, tandis que les éléments invisibles apparaissent en gris.
Fixe
Le bouton Fixe 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 :
Figure 11. Hiérarchie fixe.
Propriétés
Dans Winscope, de nombreuses visionneuses intègrent une visionneuse de propriétés. Cette visionneuse présente différentes listes de propriétés associées à un élément sélectionné dans la vue hiérarchique. Par exemple, la visionneuse peut afficher les propriétés d'une activité dans WindowManager ou celles d'une vue dans l'UI du 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 dans les fonctionnalités Afficher le différentiel, Rechercher et Afficher les valeurs par défaut.
Afficher le différentiel
L'utilisation de la fonctionnalité Afficher le différentiel est la même que celle de la fonctionnalité Afficher le différentiel dans la vue hiérarchique.
Rechercher et appliquer des filtres
L'utilisation de la fonctionnalité Rechercher est la même que celle de la fonctionnalité Rechercher 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 réduit 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 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.
Figure 12. Propriétés par défaut.
Raccourcis généraux
Winscope est compatible avec les raccourcis suivants :
Figure 13. Raccourcis généraux.