Dopo aver caricato le tracce, fai clic su Visualizza tracce per visualizzarle. Le schede per ogni traccia vengono visualizzate nel riquadro superiore della finestra. Se il file caricato contiene le tracce pertinenti, sullo schermo viene sovrapposta una visualizzazione mobile della traccia o dello screenshot della registrazione dello schermo:
Figura 1. Visualizza le tracce su Winscope.
Le sezioni seguenti descrivono gli elementi dell'interfaccia utente nella schermata Visualizza tracce.
Rettangoli
Un riquadro 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 riquadro LIVELLI, puoi modificare la modalità di disegno dei livelli rettangolari, nonché la loro spaziatura e rotazione:
Figura 2. Controlli di rettangolo.
Formato del gradiente
Per ispezionare tutti gli elementi della gerarchia in modo più efficace, puoi utilizzare il pulsante Formato rettangolo per impostare il formato di disegno del rettangolo su Gradiente. Nel formato gradiente, il pulsante Formato rettangolo diventa grigio chiaro.
In questa modalità, l'opacità di ogni rettangolo viene ridotta in base all'ordine z, con i rettangoli con ordini z più elevati che sono più traslucidi. In questo modo puoi vedere tutti gli elementi della gerarchia senza doverti preoccupare che i rettangoli si nascondano a vicenda:
Figura 3. Sfumatura a forma di rettangolo.
Formato dell'opacità
Per modificare il formato di disegno del rettangolo in opacità, fai clic sul pulsante Formato rettangolo. Nel formato opaco, 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à del rettangolo.
Formato del 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 diventa un contorno senza ombreggiatura:
Figura 5. Wireframe rettangolare.
Rotazione
Utilizza il dispositivo di scorrimento di rotazione per modificare la prospettiva dei rettangoli tra 0 e 45 gradi, in modo da individuare gli scenari in cui gli elementi non sono visibili sullo schermo:
Figura 6. Rotazione del rettangolo.
Spaziatura
Utilizza il cursore Spaziatura per controllare la spaziatura tra i livelli, creando una visualizzazione appiattita o più distanziata per ispezionare meglio l'ordine Z degli elementi:
Figura 7. Posizione: davanti.
Visualizzazione e selezione delle finestre
Nella visualizzazione SurfaceFlinger, quando registri i dati su dispositivi con più display, un menu mostra i display disponibili in modo da poter selezionare solo quelli di tuo interesse.
In ViewCapture, quando registri più finestre di sistema, come la barra delle notifiche, la barra delle app e il programma di avvio, il menu elenca le finestre disponibili.
Panoramica e zoom
Puoi regolare la posizione dei rettangoli in orizzontale o in verticale facendo clic sulla relativa area e trascinando il mouse. Per aumentare, diminuire o reimpostare il livello di zoom, puoi utilizzare la rotellina di scorrimento o i pulsanti di zoom sulla barra di controllo.
Gerarchia
I visualizzatori di Winscope spesso includono un visualizzatore della gerarchia. Lo visualizzatore nella Figura 1 rappresenta varie gerarchie in base alla traccia analizzata. Ad esempio, il visualizzatore può mostrare la gerarchia delle finestre in WindowManager o la gerarchia delle visualizzazioni in una finestra dell'interfaccia utente di sistema.
Per informazioni su tipi di gerarchie specifici, consulta le sezioni relative alle rispettive tracce.
Questa sezione descrive l'utilizzo generale della gerarchia, ad esempio le funzionalità Mostra differenze, Mostra solo V, Flat e Ricerca.
Figura 8. Controlli gerarchici.
Mostra il confronto
Quando la funzionalità Mostra differenze è attiva, Winscope monitora e visualizza automaticamente le modifiche tra lo stato corrente e quello precedente. La funzionalità Mostra differenze evidenzia gli elementi rimossi in rosso, gli elementi modificati in blu e i nuovi elementi creati in verde. Questa representatione visiva consente di identificare e comprendere più rapidamente le differenze tra i due stati, facilitando 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 Piano riorganizza la struttura gerarchica eliminando le relazioni tra elementi principali e secondari. Questa azione mostra tutti gli elementi allo stesso livello. Se combinata con l'opzione Mostra solo visibili, la gerarchia risultante mostra solo gli elementi visibili, escludendo gli elementi principali, come mostrato nella figura seguente:
Figura 11. Gerarchia piatta.
Proprietà
In Winscope, molti visualizzatori integrano un visualizzatore delle proprietà. Questo visualizzatore presenta vari elenchi di proprietà associate a un elemento selezionato dalla visualizzazione gerarchia. 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 di SurfaceFlinger, WindowManager e View Capture.
Questa sezione descrive la gerarchia generale delle funzionalità Mostra differenze, Cerca e Mostra i valori predefiniti.
Mostra il confronto
L'utilizzo della funzionalità Mostra il confronto è lo stesso di Mostra il confronto nella visualizzazione gerarchia.
Cercare e filtrare
L'utilizzo della funzionalità di ricerca è lo stesso della ricerca nella visualizzazione gerarchia.
Mostra i valori predefiniti
Per impostazione predefinita, Winscope mostra solo i valori delle proprietà modificate, ovvero i valori non predefiniti per i rispettivi tipi di dati. Ad esempio, Winscope omettefalse per i valori booleani, 0 per gli interi, null per gli oggetti e [] per gli array.
Questa semplificazione semplifica l'elenco delle proprietà visibili all'utente.
Tuttavia, in alcune situazioni è utile avere una visione completa di tutte le informazioni relative agli elementi. In questi casi, l'opzione Mostra valori predefiniti rivela tutte le proprietà disponibili in Winscope, incluse quelle con valori vuoti o null.
Figura 12. Impostazioni predefinite delle proprietà.
Scorciatoie generiche
Winscope supporta i seguenti comandi rapidi:
Figura 13. Scorciatoie generali.