Nachdem Sie Traces geladen haben, klicken Sie auf Traces ansehen, um die hochgeladenen Traces zu visualisieren. Die Tabs für die einzelnen Traces werden im oberen Bereich des Fensters angezeigt. Wenn die hochgeladene Datei die relevanten Traces enthält, wird eine schwebende Ansicht des Bildschirmaufzeichnungstraces oder des Screenshots auf dem Bildschirm eingeblendet:
Abbildung 1: Traces in Winscope ansehen.
In den folgenden Abschnitten werden die UI-Elemente auf dem Bildschirm Traces ansehen beschrieben.
Rechtecke
Ein LAYERS-Bereich für Winscope-Ansichten wie WindowManager, SurfaceFlinger und ViewCapture enthält rechteckige Elemente aus dem Trace, die ihre Position und Reihenfolge auf der Z-Achse visuell darstellen.
Über die Navigationssteuerelemente im Bereich EBENEN können Sie den Modus ändern, in dem die rechteckigen Ebenen gezeichnet werden, sowie ihren Abstand und ihre Drehung:
Abbildung 2: Rechteck-Steuerelemente
Farbverlaufsformat
Wenn Sie alle Elemente in der Hierarchie besser untersuchen möchten, können Sie mit der Schaltfläche Rechteckformat das Rechteck-Zeichenformat auf Verlauf umstellen. Im Verlaufsformat wird die Schaltfläche Rechteckformat hellgrau.
In diesem Modus wird die Deckkraft jedes Rechtecks basierend auf seiner Z-Reihenfolge reduziert. Rechtecke mit höheren Z-Reihenfolgen sind durchscheinender. So können Sie alle Elemente in der Hierarchie sehen, ohne dass sich Rechtecke gegenseitig verdecken:
Abbildung 3: Rechteckiger Farbverlauf.
Deckkraftformat
Wenn Sie das Format für das Zeichnen von Rechtecken in Deckkraft ändern möchten, klicken Sie auf die Schaltfläche Rechteckformat. Im opacity-Format wird die Schaltfläche rect format dunkelgrau.
In diesem Modus wird jedes Rechteck basierend auf seiner Deckkraft gezeichnet, z. B. der Deckkraft der Oberfläche oder Ansicht:
Abbildung 4: Deckkraft des Rechtecks.
Wireframe-Format
Wenn Sie die Rechteckdarstellung in Drahtmodell ändern möchten, klicken Sie auf die Schaltfläche Rechteckformat. So lassen sich einzelne Elemente in der Hierarchie leichter untersuchen und analysieren. Im Drahtmodell-Format wird die Schaltfläche Rechteckformat zu einem Umriss ohne Schattierung:
Abbildung 5: Rechteckiges Wireframe.
Ausrichtung
Mit dem Rotationsschieberegler können Sie die Perspektive der Rechtecke zwischen 0 und 45 Grad ändern, um Szenarien zu erkennen, in denen Elemente vom Bildschirm verschwinden:
Abbildung 6 Rechteckrotation.
Abstand
Mit dem Abstand-Schieberegler können Sie den Abstand zwischen den Ebenen anpassen, um eine flache oder eine stärker verteilte Ansicht zu erstellen, damit Sie die Z-Reihenfolge von Elementen besser untersuchen können:
Abbildung 7. Rechteckige Blende.
Display- und Fensterauswahl
Wenn Sie in der SurfaceFlinger-Ansicht Daten auf Geräten mit mehreren Displays aufzeichnen, wird ein Menü mit den verfügbaren Displays angezeigt, sodass Sie nur die gewünschten Displays auswählen können.
Wenn Sie in ViewCapture mehrere Systemfenster aufzeichnen, z. B. den Benachrichtigungsbereich, die Taskleiste und den Launcher, werden im Menü die verfügbaren Fenster aufgeführt.
Schwenken und zoomen
Sie können die Position der Rechtecke horizontal oder vertikal anpassen, indem Sie auf den entsprechenden Bereich klicken und die Maus ziehen. Zum Heran- oder Herauszoomen oder zum Zurücksetzen der Zoomstufe können Sie entweder das Mausrad oder die Zoom-Schaltflächen in der Steuerleiste verwenden.
Hierarchiediagramm
Winscope-Viewer enthalten oft einen Hierarchie-Viewer. Im Betrachter in Abbildung 1 werden verschiedene Hierarchien basierend auf dem analysierten Trace dargestellt. Der Betrachter kann beispielsweise die Fensterhierarchie in WindowManager oder die Ansichtshierarchie in einem System-UI-Fenster anzeigen.
Informationen zu bestimmten Hierarchietypen finden Sie in den Abschnitten zu den entsprechenden Traces.
In diesem Abschnitt wird die allgemeine Verwendung der Hierarchie beschrieben, z. B. die Funktionen Show diff (Unterschied anzeigen), Show only V (Nur V anzeigen), Flat (Flach) und Search (Suchen).
Abbildung 8. Hierarchiekontrollen
Unterschied anzeigen
Wenn die Funktion Show diff aktiviert ist, überwacht Winscope automatisch die Änderungen zwischen dem aktuellen und dem vorherigen Status und zeigt sie an. Mit der Funktion Show diff werden Elemente, die entfernt wurden, rot, Elemente, die geändert wurden, blau und neue Elemente, die erstellt wurden, grün hervorgehoben. Diese visuelle Darstellung ermöglicht eine schnellere Identifizierung und ein besseres Verständnis der Unterschiede zwischen den beiden Zuständen. So lassen sich Änderungen leichter nachvollziehen und potenzielle Probleme leichter erkennen.
Abbildung 9. Hierarchie der Änderungen anzeigen.
Suchen und filtern
Der Hierarchie-Viewer bietet eine Suchfunktion, die reguläre Ausdrücke (Regex) verwendet. Dieser Filter bezieht sich sowohl auf den Namen des Elements als auch auf seinen Wert (für Attribute). Wenn der Filter mit einem untergeordneten Element in der Hierarchie übereinstimmt, wird die gesamte Kette der übergeordneten Elemente bis zur Wurzel des Baums sichtbar, wie in der folgenden Abbildung dargestellt:
Abbildung 10. Suchhierarchie.
Nur sichtbare anzeigen
Mit der Funktion Nur sichtbare anzeigen können Sie alle verborgenen Elemente in einer Hierarchie herausfiltern. Standardmäßig werden in Winscope sowohl sichtbare als auch unsichtbare Elemente angezeigt. Sichtbare Elemente werden schwarz und unsichtbare Elemente grau dargestellt.
Neutral
Mit der Schaltfläche Flat wird die hierarchische Struktur neu organisiert, indem die Beziehungen zwischen über- und untergeordneten Elementen entfernt werden. Bei dieser Aktion werden alle Elemente auf derselben Ebene gerendert. In Kombination mit der Option Nur sichtbare Elemente anzeigen werden in der resultierenden Hierarchie nur die sichtbaren Elemente angezeigt, ohne ihre übergeordneten Elemente, wie in der folgenden Abbildung dargestellt:
Abbildung 11. Flache Hierarchie
Properties
Viele Winscope-Viewer enthalten einen Eigenschaften-Viewer. In dieser Ansicht werden verschiedene Listen von Attributen für ein Element angezeigt, das in der Hierarchieansicht ausgewählt wurde. Der Viewer kann beispielsweise die Eigenschaften einer Aktivität in WindowManager oder die einer Ansicht in der System-UI anzeigen.
Informationen zu bestimmten Attributen finden Sie in den Abschnitten zu SurfaceFlinger-, WindowManager- und View Capture-Traces.
In diesem Abschnitt wird die allgemeine Hierarchie in den Funktionen Show diff (Unterschied anzeigen), Search (Suchen) und Show defaults (Standardwerte anzeigen) beschrieben.
Unterschied anzeigen
Die Verwendung der Funktion Unterschied einblenden ist dieselbe wie bei Unterschied in der Hierarchieansicht einblenden.
Suchen und filtern
Die Verwendung der Funktion Suchen entspricht der Funktion In der Hierarchieansicht suchen.
Standardeinstellungen anzeigen
Standardmäßig werden in Winscope nur geänderte Property-Werte angezeigt, die keine Standardwerte für die jeweiligen Datentypen sind. Winscope lässt beispielsweise false für boolesche Werte, 0 für Ganzzahlen, null für Objekte und [] für Arrays weg.
Dadurch wird die Liste der für den Nutzer sichtbaren Properties vereinfacht.
In bestimmten Situationen ist es jedoch von Vorteil, einen umfassenden Überblick über alle elementbezogenen Informationen zu haben. In solchen Fällen werden mit der Option Standardwerte anzeigen alle verfügbaren Properties in Winscope angezeigt, einschließlich der Properties mit leeren oder Nullwerten.
Abbildung 12. Standardeinstellungen für Properties.
Allgemeine Tastaturkürzel
Winscope unterstützt die folgenden Tastenkombinationen:
Abbildung 13. Allgemeine Tastenkombinationen