Cuando hayas cargado los seguimientos, haz clic en Ver seguimientos para visualizarlos. Las pestañas de cada registro aparecen en el panel superior de la ventana. Si el archivo subido contiene los registros relevantes, se superpone una vista flotante del registro de grabación de pantalla o la captura de pantalla en la pantalla:
Figura 1: Visualiza seguimientos en Winscope.
En las siguientes secciones, se describen los elementos de la IU en la pantalla Ver seguimientos.
Rectángulos
Un panel LAYERS para vistas de Winscope, como WindowManager, SurfaceFlinger y ViewCapture, incluye elementos rectangulares del seguimiento que representan visualmente su posición y orden en el eje z.
A través de los controles de navegación del panel LAYERS, puedes modificar el modo en que se dibujan las capas rectangulares, junto con su espaciado y rotación:
Figura 2: Controles rectangulares
Formato de gradiente
Para inspeccionar todos los elementos de la jerarquía de manera más eficaz, puedes usar el botón rect format para cambiar el formato de dibujo del rectángulo a Gradient. En el formato gradient, el botón rect format se vuelve gris claro.
En este modo, la opacidad de cada rectángulo se reduce en función de su orden en Z, de modo que los rectángulos con órdenes en Z más altos son más translúcidos. Esto te permite ver todos los elementos de la jerarquía sin tener que preocuparte por que los rectángulos se oculten entre sí:
Figura 3: Gradiente rectangular.
Formato de opacidad
Para cambiar el formato de dibujo del rectángulo a opacidad, haz clic en el botón rect format. En el formato opacity, el botón rect format se vuelve gris oscuro.
En este modo, cada rectángulo se dibuja en función de su opacidad, como la opacidad de la superficie o de la vista:
Figura 4: Opacidad del rectángulo.
Formato del esquema de página
Para cambiar la representación del rectángulo a esquema de página, haz clic en el botón rect format. Esta representación facilita el examen y analítico de los elementos individuales dentro de la jerarquía. En el formato de esquema de página_, el botón rect format se convierte en un esquema sin sombreado:
Figura 5: Esquema de página rectangular.
Rotación
Usa el control deslizante de rotación para cambiar la perspectiva de los rectángulos entre 0 y 45 grados, lo que te permite detectar situaciones en las que los elementos salen de la pantalla:
Figura 6: Rotación de rectángulos.
Espaciado
Usa el control deslizante de espaciado para controlar el espaciado entre capas y crear una vista más plana o más extendida para inspeccionar mejor el orden en Z de los elementos:
Figura 7: Orientación rectangular.
Selección de pantalla y ventana
En la vista de SurfaceFlinger, cuando se graban datos en dispositivos con varias pantallas, un menú muestra las pantallas disponibles para que puedas seleccionar solo las pantallas de interés.
En ViewCapture, cuando se graban varias ventanas del sistema, como la sombra de notificaciones, la barra de tareas y el selector, el menú muestra las ventanas disponibles.
Desplazamiento lateral y zoom
Para ajustar la posición de los rectángulos horizontal o verticalmente, haz clic en su área y arrastra el mouse. Para acercar, alejar o restablecer el nivel de zoom, puedes usar la rueda de desplazamiento o los botones de zoom de la barra de control.
Jerarquía
Los visores de Winscope suelen incorporar un visor de jerarquía. El visor de la Figura 1 representa varias jerarquías según el seguimiento que se analiza. Por ejemplo, el visor puede mostrar la jerarquía de ventanas dentro de WindowManager o la jerarquía de vistas dentro de una ventana de la IU del sistema.
Para obtener información sobre tipos de jerarquía específicos, consulta las secciones sobre los seguimientos correspondientes.
En esta sección, se describe el uso general de la jerarquía, como las funciones Show diff, Show only V, Flat y Search.
Figura 8: Controles de jerarquía
Mostrar diferencia
Cuando la función Show diff está habilitada, Winscope supervisa y muestra automáticamente los cambios entre el estado actual y el anterior. La función Show diff destaca los elementos que se quitaron en rojo, los elementos que se modificaron en azul y los elementos nuevos que se crearon en verde. Esta representación visual permite identificar y comprender con mayor rapidez las diferencias entre los dos estados, lo que facilita el seguimiento de los cambios y la identificación de posibles problemas.
Figura 9: Muestra la jerarquía de diferencias.
Realiza búsquedas y filtra opciones
El visor de jerarquías ofrece una función de búsqueda que usa expresiones regulares (regex). Este filtro se orienta al nombre del elemento y a su valor (para las propiedades). Cuando el filtro coincide con un elemento secundario en la jerarquía, se hace visible toda la cadena de elementos superiores hasta la raíz del árbol, como se muestra en la siguiente imagen:
Figura 10: Jerarquía de búsqueda.
Mostrar solo los visibles
Con la función Mostrar solo los elementos visibles, puedes filtrar todos los elementos ocultos dentro de una jerarquía. De forma predeterminada, Winscope muestra elementos visibles y invisibles. Los elementos visibles se dibujan en negro, mientras que los invisibles aparecen en gris.
Sin variación
El botón Flat reorganiza la estructura jerárquica, ya que elimina las relaciones entre elementos principales y secundarios. Esta acción renderiza todos los elementos en el mismo nivel. Cuando se combina con la opción Mostrar solo los elementos visibles, la jerarquía resultante muestra solo los elementos visibles, sin incluir sus elementos superiores, como se muestra en la siguiente imagen:
Figura 11: Jerarquía plana.
Propiedades
En Winscope, muchos visores integran un visor de propiedades. Este visor presenta varias listas de propiedades asociadas con un elemento seleccionado de la vista de jerarquía. Por ejemplo, el visor puede mostrar las propiedades de una actividad dentro de WindowManager o las de una vista en la IU del sistema.
Para obtener información sobre propiedades específicas, consulta las secciones sobre los seguimientos de SurfaceFlinger, WindowManager y View Capture.
En esta sección, se describe la jerarquía general de las funciones Show diff, Search y Show defaults.
Mostrar diferencia
El uso de la función Mostrar diferencias es el mismo que Mostrar diferencias en la vista de jerarquía.
Realiza búsquedas y filtra opciones
El uso de la función Búsqueda es el mismo que el de la búsqueda en la vista de jerarquía.
Mostrar valores predeterminados
De forma predeterminada, Winscope solo muestra los valores de propiedad modificados, que son valores no predeterminados para sus respectivos tipos de datos. Por ejemplo, Winscope omite false para los valores booleanos, 0 para los números enteros, null para los objetos y [] para los arrays.
Esta optimización simplifica la lista de propiedades visibles para el usuario.
Sin embargo, en ciertas situaciones, es beneficioso tener una vista completa de toda la información relacionada con el elemento. En esos casos, la opción Mostrar valores predeterminados revela todas las propiedades disponibles en Winscope, incluidas las que tienen valores vacíos o nulos.
Figura 12: Valores predeterminados de las propiedades
Accesos directos generales
Winscope admite las siguientes combinaciones de teclas:
Figura 13: Combinaciones de teclas generales.