Depois de carregar os rastros, clique em Ver rastros para visualizar os rastros enviados. As guias de cada rastro aparecem no painel de cima da janela. Se o arquivo enviado tiver os rastreamentos relevantes, uma visualização flutuante do rastro da gravação de tela ou da captura de tela será sobreposta à tela:
Figura 1. Visualizar rastros no Winscope.
As seções a seguir descrevem os elementos da interface na tela View traces.
Retângulos
Um painel LAYERS para visualizações do Winscope, como WindowManager, SurfaceFlinger e ViewCapture, inclui elementos retangulares do rastro que representam visualmente a posição e a ordem deles no eixo z.
Com os controles de navegação no painel LAYERS, é possível modificar o modo em que as camadas retangulares são desenhadas, junto com o espaçamento e a rotação:
Figura 2. Controles retangulares.
Formato de gradiente
Para inspecionar todos os elementos na hierarquia de maneira mais eficaz, use o botão formato de retângulo para mudar o formato de desenho de retângulo para Gradiente. No formato gradiente, o botão formato retangular fica cinza claro.
Nesse modo, a opacidade de cada retângulo é reduzida com base na ordem Z, com retângulos com ordens Z mais altas sendo mais translúcidos. Isso permite que você veja todos os elementos na hierarquia sem se preocupar com retângulos que se ocultam:
Figura 3. Gradiente retangular.
Formato de opacidade
Para mudar a formatação de desenho do retângulo para opacidade, clique no botão formato retangular. No formato opacidade, o botão formato retangular fica cinza-escuro.
Nesse modo, cada retângulo é desenhado com base na opacidade, como a opacidade da tela ou da visualização:
Figura 4. Opacidade do retângulo.
Formato do wireframe
Para mudar a representação do retângulo para wireframe, clique no botão formato retangular. Essa representação facilita o exame e a análise de elementos individuais dentro da hierarquia. No formato de wireframe_, o botão rect format se transforma em um contorno sem sombreamento:
Figura 5. Wireframe retangular.
Rotação
Use o controle deslizante de rotação para mudar a perspectiva dos retângulos entre 0 e 45 graus, permitindo que você identifique cenários em que os elementos saem da tela:
Figura 6. Rotação de retângulo.
Espaçamento
Use o controle deslizante de espaçamento para controlar o espaçamento entre as camadas, criando uma visualização achatada ou mais espalhada para inspecionar melhor a ordem z dos elementos:
Figura 7. Retângulo de frente.
Exibição e seleção de janelas
Na visualização do SurfaceFlinger, ao gravar dados em dispositivos com várias telas, um menu mostra as telas disponíveis para que você possa selecionar apenas as telas de interesse.
No ViewCapture, ao gravar várias janelas do sistema, como a sombra de notificação, a barra de tarefas e o iniciador, o menu lista as janelas disponíveis.
Movimentação e zoom
É possível ajustar a posição dos retângulos horizontal ou verticalmente clicando na área deles e arrastando o mouse. Para aumentar, diminuir o zoom ou redefinir o nível de zoom, use a roda de rolagem ou os botões de zoom na barra de controle.
Hierarquia
Os visualizadores do Winscope geralmente incorporam um visualizador de hierarquia. O visualizador na Figura 1 mostra várias hierarquias com base no rastro que está sendo analisado. Por exemplo, o visualizador pode mostrar a hierarquia de janelas no WindowManager ou a hierarquia de visualização em uma janela da interface do sistema.
Para informações sobre tipos específicos de hierarquia, consulte as seções sobre os respectivos rastros.
Esta seção descreve o uso geral da hierarquia, como os recursos Mostrar diferença, Mostrar apenas V, Nível plano e Pesquisa.
Figura 8. Controles de hierarquia.
Mostrar diferença
Quando o recurso Mostrar diferença está ativado, o Winscope monitora e mostra automaticamente as mudanças entre o estado atual e o anterior. O recurso Mostrar diferença destaca os elementos removidos em vermelho, os modificados em azul e os novos em verde. Essa representação visual permite identificar e entender mais rapidamente as diferenças entre os dois estados, facilitando o acompanhamento de mudanças e a identificação de possíveis problemas.
Figura 9. Mostrar hierarquia de diferenças.
Pesquisar e filtrar
O visualizador de hierarquia oferece um recurso de pesquisa que usa expressões regulares (regex). Esse filtro é direcionado ao nome e ao valor do elemento (para propriedades). Quando o filtro corresponde a um elemento filho na hierarquia, toda a cadeia de pais até a raiz da árvore fica visível, conforme mostrado na figura a seguir:
Figura 10. Hierarquia de pesquisa.
Mostrar apenas os visíveis
Com o recurso Mostrar apenas os elementos visíveis, é possível filtrar todos os elementos ocultos em uma hierarquia. Por padrão, o Winscope mostra elementos visíveis e invisíveis. Os elementos visíveis são desenhados em preto, enquanto os invisíveis são mostrados em cinza.
Uniforme
O botão Flat reorganiza a estrutura hierárquica eliminando as relações pai-filho entre os elementos. Essa ação renderiza todos os elementos no mesmo nível. Quando combinada com a opção Mostrar apenas os visíveis, a hierarquia resultante mostra apenas os elementos visíveis, excluindo os elementos pai, conforme mostrado na figura a seguir:
Figura 11. Hierarquia plana.
Propriedades
No Winscope, muitos leitores integram um visualizador de propriedades. Esse visualizador apresenta várias listas de propriedades associadas a um elemento selecionado na visualização de hierarquia. Por exemplo, o leitor pode mostrar as propriedades de uma atividade no WindowManager ou de uma visualização na IU do sistema.
Para informações sobre propriedades específicas, consulte as seções sobre SurfaceFlinger, WindowManager e View Capture.
Esta seção descreve a hierarquia geral nos recursos Mostrar diferenças, Pesquisar e Mostrar padrões.
Mostrar diferença
O uso do recurso Mostrar diferença é o mesmo que Mostrar diferença na visualização de hierarquia.
Pesquisar e filtrar
O uso do recurso Pesquisa é o mesmo que o da Pesquisa na visualização de hierarquia.
Mostrar padrões
Por padrão, o Winscope mostra apenas valores de propriedade modificados, que são
valores não padrão dos respectivos tipos de dados. Por exemplo, o Winscope omite
false para booleanos, 0 para números inteiros, null para objetos e [] para matrizes.
Essa simplificação simplifica a lista de propriedades visível para o usuário.
No entanto, em determinadas situações, é benéfico ter uma visão abrangente
de todas as informações relacionadas ao elemento. Nesses casos, a opção Mostrar padrões
mostra todas as propriedades disponíveis no Winscope, incluindo aquelas
com valores vazios ou nulos.
Figura 12. Padrões de propriedades.
Atalhos em geral
O Winscope oferece suporte aos seguintes atalhos:
Figura 13. Atalhos gerais.