Depois de carregar os traces, clique em Ver traces para visualizar os traces enviados. As guias de cada rastreamento aparecem no painel superior da janela. Se o arquivo enviado tiver os rastreamentos relevantes, uma visualização flutuante do rastreamento da gravação de tela ou da captura de tela será sobreposta na tela:
Figura 1. Veja os rastros no Winscope.
As seções a seguir descrevem os elementos da tela Ver rastreamentos.
Retângulos
Um painel CAMADAS para visualizações do Winscope, como WindowManager, SurfaceFlinger e ViewCapture, inclui elementos retangulares do rastreamento que representam visualmente a posição e a ordem deles no eixo Z.
Com os controles de navegação no painel CAMADAS, é possível modificar o modo em que as camadas retangulares são desenhadas, além do espaçamento e da rotação delas:
Figura 2. Controles de retângulo.
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 do retângulo para Gradiente. No formato de gradiente, o botão formato de retângulo fica cinza claro.
Nesse modo, a opacidade de cada retângulo é reduzida com base na ordenação z, e os retângulos com ordenação z mais alta são mais translúcidos. Assim, é possível ver todos os elementos na hierarquia sem se preocupar com retângulos encobrindo uns aos outros:
Figura 3. Gradiente de retângulo.
Formato de opacidade
Para mudar o formato de desenho do retângulo para opacidade, clique no botão formato retangular. No formato opacidade, o botão formato rect fica cinza-escuro.
Nesse modo, cada retângulo é desenhado com base na opacidade, como opacidade da superfície ou da visualização:
Figura 4. Opacidade do retângulo.
Formato do wireframe
Para mudar a representação do retângulo para estrutura de arame, clique no botão formato de retângulo. Essa representação simplifica o exame e a análise de elementos individuais na hierarquia. No formato wireframe, o botão formato rect 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 do 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 ampla para inspecionar melhor a ordenação Z dos elementos:
Figura 7. Retângulo de frente.
Seleção de tela e janela
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 de interesse.
No ViewCapture, ao gravar várias janelas do sistema, como a bandeja de notificações, a barra de tarefas e o iniciador, o menu lista as janelas disponíveis.
Panorâmica e zoom
Para ajustar a posição dos retângulos na horizontal ou vertical, clique na área deles e arraste o mouse. Para aumentar, diminuir 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 rastreamento analisado. Por exemplo, o visualizador pode mostrar a hierarquia de janelas no WindowManager ou a hierarquia de visualizações em uma janela da interface do sistema.
Para informações sobre tipos de hierarquia específicos, consulte as seções sobre os respectivos rastreamentos.
Esta seção descreve o uso geral da hierarquia, como os recursos Mostrar diff, Mostrar apenas V, Plano e Pesquisar.
Figura 8. Controles de hierarquia.
Mostrar diferença
Quando o recurso Mostrar diferenças está ativado, o Winscope monitora e mostra automaticamente as mudanças entre o estado atual e o anterior. O recurso Mostrar diff destaca elementos removidos em vermelho, elementos modificados em azul e novos elementos criados em verde. Essa representação visual permite identificar e entender mais rápido as diferenças entre os dois estados, facilitando o rastreamento 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 segmenta o nome do elemento e o valor dele (para propriedades). Quando o filtro corresponde a um elemento filho na hierarquia, toda a cadeia de elementos pai até a raiz da árvore fica visível, conforme mostrado na figura a seguir:
Figura 10. Hierarquia de pesquisa.
Mostrar apenas visíveis
Com o recurso Mostrar apenas visíveis, você pode 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 aparecem em cinza.
Uniforme
O botão Plano 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 visíveis, a hierarquia resultante mostra apenas os elementos visíveis, excluindo os elementos principais, conforme mostrado na figura a seguir:
Figura 11. Hierarquia plana.
Propriedades
No Winscope, muitos visualizadores 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 visualizador pode mostrar as propriedades de uma atividade no WindowManager ou as de uma visualização na interface do sistema.
Para informações sobre propriedades específicas, consulte as seções sobre rastreamentos do SurfaceFlinger, WindowManager e Captura de visualização.
Esta seção descreve a hierarquia geral nos recursos Mostrar diff, Pesquisar e Mostrar padrões.
Mostrar diferença
O uso do recurso Mostrar diferença é o mesmo que Mostrar diferença na visualização em hierarquia.
Pesquisar e filtrar
O uso do recurso Pesquisar é o mesmo que Pesquisar na visualização em hierarquia.
Mostrar padrões
Por padrão, o Winscope mostra apenas valores de propriedades modificados, que são valores não padrão para os 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 reduz a lista de propriedades visíveis para o usuário.
No entanto, em determinadas situações, é útil ter uma visão abrangente
de todas as informações relacionadas a elementos. Nesses casos, a opção Mostrar padrões revela 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 é compatível com os seguintes atalhos:
Figura 13. Atalhos gerais.