Cuando hayas cargado los registros, haz clic en Ver registros para visualizar los registros subidos. Las pestañas de cada registro aparecen en el panel superior de la ventana. Si el archivo subido contiene los registros pertinentes, se superpondrá en la pantalla una vista flotante del registro de grabación de pantalla o de la captura de pantalla:
Figura 1: Visualiza registros en Winscope.
En las siguientes secciones, se describen los elementos de la IU en la pantalla Ver registros.
Rectángulos
Un panel LAYERS para las vistas de Winscope, como WindowManager, SurfaceFlinger y ViewCapture, incluye elementos rectangulares del registro que representan visualmente su posición y orden en el eje Z.
Con los controles de navegación del panel LAYERS, puedes modificar el modo en el que se dibujan las capas rectangulares, junto con su espaciado y rotación:
Figura 2: Controles de rectángulo
Formato de gradiente
Para inspeccionar todos los elementos de la jerarquía de manera más eficaz, puedes usar el botón formato de rectángulo para cambiar el formato de dibujo del rectángulo a Gradiente. En el formato de gradiente, el botón formato de rectángulo se vuelve de color gris claro.
En este modo, la opacidad de cada rectángulo se reduce según su ordenamiento en Z, y los rectángulos con órdenes en Z más altos son más traslúcidos. Esto te permite ver todos los elementos de la jerarquía sin tener que preocuparte por los rectángulos que se ocultan entre sí:
Figura 3: Es un gradiente rectangular.
Formato de opacidad
Para cambiar el formato de dibujo del rectángulo a opacidad, haz clic en el botón formato de rectángulo. En el formato de opacidad, el botón formato de rectángulo se vuelve gris oscuro.
En este modo, cada rectángulo se dibuja según su opacidad, como la opacidad de la superficie o de la vista:
Figura 4: Opacidad del rectángulo.
Formato de esquema de página
Para cambiar la representación del rectángulo a estructura alámbrica, haz clic en el botón formato de rectángulo. Esta representación facilita el examen y el análisis de elementos individuales dentro de la jerarquía. En el formato wireframe, 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 del rectángulo.
Espaciado
Usa el control deslizante de espaciado para controlar el espacio entre las capas y crear una vista aplanada o más extendida para inspeccionar mejor el orden Z de los elementos:
Figura 7: Cara del rectángulo.
Selección de pantalla y ventana
En la vista de SurfaceFlinger, cuando se registran datos en dispositivos con varias pantallas, se muestra un menú con las pantallas disponibles para que puedas seleccionar solo las que te interesan.
En ViewCapture, cuando se graban varias ventanas del sistema, como la sombra de notificaciones, la barra de tareas y el selector, el menú enumera las ventanas disponibles.
Desplazamiento lateral y zoom
Puedes ajustar la posición de los rectángulos de forma horizontal o vertical haciendo clic en su área y arrastrando 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 controles.
Jerarquía
Los visores de Winscope suelen incorporar un visor de jerarquía. El visualizador de la figura 1 muestra varias jerarquías basadas en el registro que se analiza. Por ejemplo, el visualizador puede mostrar la jerarquía de ventanas dentro de WindowManager o la jerarquía de vistas dentro de una ventana de IU del sistema.
Para obtener información sobre tipos de jerarquía específicos, consulta las secciones sobre los respectivos registros.
En esta sección, se describe el uso general de la jerarquía, como las funciones Mostrar diferencias, Mostrar solo V, Sin jerarquía y Buscar.
Figura 8: Controles de jerarquía
Mostrar diferencia
Cuando se habilita la función Show diff, 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 más rápido 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 visualizador de jerarquía ofrece una capacidad de búsqueda que usa expresiones regulares (regex). Este filtro se aplica al nombre y al valor del elemento (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 figura:
Figura 10: Es la jerarquía de búsqueda.
Mostrar solo los elementos visibles
Con la función Mostrar solo los visibles, puedes filtrar todos los elementos ocultos dentro de una jerarquía. De forma predeterminada, Winscope muestra los elementos visibles y los invisibles. Los elementos visibles se dibujan en negro, mientras que los invisibles aparecen en gris.
Sin variación
El botón Plano reorganiza la estructura jerárquica eliminando las relaciones principal-secundaria entre los elementos. 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 principales, como se muestra en la siguiente figura:
Figura 11: Jerarquía plana
Propiedades
En Winscope, muchos visualizadores integran un visualizador de propiedades. Este visor presenta varias listas de propiedades asociadas con un elemento seleccionado en la vista de jerarquía. Por ejemplo, el visualizador 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 registros de SurfaceFlinger, WindowManager y View Capture.
En esta sección, se describe la jerarquía general en las funciones Show diff, Search y Show defaults.
Mostrar diferencia
El uso de la función Mostrar diferencias es el mismo que el de Mostrar diferencias en la vista de jerarquía.
Realiza búsquedas y filtra opciones
El uso de la función Search es el mismo que el de Search in the hierarchy view.
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 integral de toda la información relacionada con los elementos. En estos casos, la opción Mostrar valores predeterminados revela todas las propiedades disponibles en Winscope, incluidas aquellas con valores vacíos o nulos.
Figura 12: Valores predeterminados de las propiedades.
Accesos directos generales
Winscope admite los siguientes atajos:
Figura 13: Combinaciones de teclas generales