Dopo aver caricato le tracce, fai clic su Visualizza tracce per visualizzare le tracce caricate. Le schede per ogni traccia vengono visualizzate nel pannello superiore della finestra. Se il file caricato contiene le tracce pertinenti, sullo schermo viene visualizzata una visualizzazione mobile della traccia della registrazione dello schermo o dello screenshot:
Figura 1. Visualizza le tracce su Winscope.
Le sezioni seguenti descrivono gli elementi della UI nella schermata Visualizza tracce.
Rettangoli
Un pannello LIVELLI per le visualizzazioni di Winscope, come WindowManager, SurfaceFlinger e ViewCapture, include elementi rettangolari della traccia che rappresentano visivamente la loro posizione e il loro ordine sull'asse Z.
Tramite i controlli di navigazione nel pannello LIVELLI, puoi modificare la modalità di disegno dei livelli rettangolari, nonché la spaziatura e la rotazione:
Figura 2. Controlli rettangolo.
Formato sfumatura
Per esaminare in modo più efficace tutti gli elementi della gerarchia, puoi utilizzare il pulsante Formato rettangolo per impostare il formato di disegno del rettangolo su Gradiente. Nel formato sfumatura, il pulsante formato rettangolo diventa grigio chiaro.
In questa modalità, l'opacità di ogni rettangolo viene ridotta in base al relativo ordine Z, con i rettangoli con ordini Z più elevati che sono più traslucidi. In questo modo puoi visualizzare tutti gli elementi della gerarchia senza doverti preoccupare che i rettangoli si oscurino a vicenda:
Figura 3. Sfumatura rettangolare.
Formato opacità
Per modificare il formato di disegno del rettangolo in opacità, fai clic sul pulsante formato rettangolo. Nel formato opacità, il pulsante formato rettangolo diventa grigio scuro.
In questa modalità, ogni rettangolo viene disegnato in base alla sua opacità, ad esempio l'opacità della superficie o della visualizzazione:
Figura 4. Opacità rettangolo.
Formato wireframe
Per modificare la rappresentazione del rettangolo in wireframe, fai clic sul pulsante formato rettangolo. Questa rappresentazione semplifica l'esame e l'analisi dei singoli elementi all'interno della gerarchia. Nel formato wireframe, il pulsante formato rettangolo si trasforma in un contorno senza ombreggiatura:
Figura 5. Wireframe rettangolare.
Rotazione
Utilizza il cursore di rotazione per modificare la prospettiva dei rettangoli tra 0 e 45 gradi, in modo da individuare gli scenari in cui gli elementi escono dallo schermo:
Figura 6. Rotazione del rettangolo.
Spaziatura
Utilizza il cursore della spaziatura per controllare la spaziatura tra i livelli, creando una visualizzazione più piatta o più distribuita per ispezionare meglio l'ordine Z degli elementi:
Figura 7. Rettangolo frontale.
Visualizzazione e selezione finestre
Nella visualizzazione SurfaceFlinger, quando si registrano dati su dispositivi con più display, un menu mostra i display disponibili in modo che tu possa selezionare solo i display di interesse.
In ViewCapture, quando registri più finestre di sistema, ad esempio la tendina delle notifiche, la barra delle app e l'app di avvio, il menu elenca le finestre disponibili.
Panoramica e zoom
Puoi regolare la posizione dei rettangoli orizzontalmente o verticalmente facendo clic sulla loro area e trascinando il mouse. Per aumentare o diminuire lo zoom o ripristinare il livello di zoom, puoi utilizzare la rotellina di scorrimento o i pulsanti di zoom sulla barra di controllo.
Gerarchia
Gli spettatori di Winscope spesso incorporano un visualizzatore di gerarchie. Il visualizzatore nella Figura 1 mostra varie gerarchie in base alla traccia analizzata. Ad esempio, il visualizzatore può mostrare la gerarchia delle finestre all'interno di WindowManager o la gerarchia delle visualizzazioni all'interno di una finestra dell'interfaccia utente di sistema.
Per informazioni su tipi di gerarchia specifici, consulta le sezioni sulle rispettive tracce.
Questa sezione descrive l'utilizzo generale della gerarchia, ad esempio le funzionalità Mostra diff, Mostra solo V, Piatta e Cerca.
Figura 8. Controlli della gerarchia.
Mostra diff
Quando la funzionalità Mostra diff è attivata, Winscope monitora e visualizza automaticamente le modifiche tra lo stato attuale e quello precedente. La funzionalità Mostra diff evidenzia gli elementi rimossi in rosso, gli elementi modificati in blu e i nuovi elementi creati in verde. Questa rappresentazione visiva consente di identificare e comprendere più rapidamente le differenze tra i due stati, semplificando il monitoraggio delle modifiche e l'identificazione di potenziali problemi.
Figura 9. Mostra la gerarchia delle differenze.
Cercare e filtrare
Il visualizzatore della gerarchia offre una funzionalità di ricerca che utilizza espressioni regolari (regex). Questo filtro ha come target sia il nome dell'elemento sia il suo valore (per le proprietà). Quando il filtro corrisponde a un elemento secondario nella gerarchia, l'intera catena di elementi principali fino alla radice dell'albero diventa visibile, come mostrato nella figura seguente:
Figura 10. Gerarchia di ricerca.
Mostra solo visibili
Con la funzionalità Mostra solo visibili, puoi filtrare tutti gli elementi nascosti all'interno di una gerarchia. Per impostazione predefinita, Winscope mostra sia gli elementi visibili che quelli invisibili. Gli elementi visibili sono disegnati in nero, mentre quelli invisibili appaiono in grigio.
Flat
Il pulsante Piatto riorganizza la struttura gerarchica eliminando le relazioni padre-figlio tra gli elementi. Questa azione esegue il rendering di tutti gli elementi allo stesso livello. Se combinata con l'opzione Mostra solo visibili, la gerarchia risultante mostra solo gli elementi visibili, esclusi i relativi elementi principali, come mostrato nella figura seguente:
Figura 11. Gerarchia piatta.
Proprietà
In Winscope, molti spettatori integrano un visualizzatore di proprietà. Questo visualizzatore mostra vari elenchi di proprietà associate a un elemento selezionato dalla visualizzazione gerarchica. Ad esempio, il visualizzatore può mostrare le proprietà di un'attività in WindowManager o quelle di una visualizzazione nell'interfaccia utente di sistema.
Per informazioni su proprietà specifiche, consulta le sezioni relative alle tracce SurfaceFlinger, WindowManager e View Capture.
Questa sezione descrive la gerarchia generale nelle funzionalità Mostra diff, Cerca e Mostra valori predefiniti.
Mostra diff
L'utilizzo della funzionalità Mostra diff è lo stesso di Mostra diff nella visualizzazione gerarchica.
Cercare e filtrare
L'utilizzo della funzionalità Cerca è lo stesso di Cerca nella visualizzazione gerarchica.
Mostra valori predefiniti
Per impostazione predefinita, Winscope mostra solo i valori delle proprietà modificati, ovvero
valori non predefiniti per i rispettivi tipi di dati. Ad esempio, Winscope omette
false per i valori booleani, 0 per i numeri interi, null per gli oggetti e [] per gli array.
Questa semplificazione riduce l'elenco delle proprietà visibili all'utente.
Tuttavia, in determinate situazioni è utile avere una visione completa
di tutte le informazioni relative agli elementi. In questi casi, l'opzione Mostra valori predefiniti
mostra tutte le proprietà disponibili in Winscope, incluse quelle
con valori vuoti o nulli.
Figura 12. Valori predefiniti delle proprietà.
Scorciatoie generiche
Winscope supporta le seguenti scorciatoie:
Figura 13. Scorciatoie generali.