Cuando hayas cargado los registros, haz clic en Ver registros para visualizar los registros cargados. Las pestañas de cada registro aparecen en el panel superior de la ventana. Si el archivo subido contiene los registros pertinentes, Winscope superpone una vista flotante del registro de la grabación de pantalla o de la captura de pantalla en la pantalla:
Figura 1: Visualiza registros en Winscope.
En las siguientes secciones, se describen los elementos de la interfaz de usuario (IU) en la pantalla Ver registros.
Rectángulos
El panel LAYERS para las vistas de Winscope, como WindowManager, SurfaceFlinger y ViewCapture, muestra elementos rectangulares del registro, que representan visualmente su posición y orden del eje Z.
Usa los controles de navegación del panel CAPAS para modificar el modo de dibujo de 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, haz clic en el botón de formato de rectángulo para cambiar el formato de dibujo de 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, Winscope reduce la opacidad de cada rectángulo según su orden Z. Los rectángulos con órdenes 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, Winscope dibuja cada rectángulo según su opacidad, como la opacidad de la superficie o 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 simplifica el examen y el análisis de los elementos individuales dentro de la jerarquía. En el formato de estructura, el botón de formato de rectángulo se convierte en un contorno sin sombreado:
Figura 5: Esquema de rectángulo.
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: Es el espacio entre los rectángulos.
Selección de pantalla y ventana
En la vista de SurfaceFlinger, cuando grabas datos en dispositivos con varias pantallas, aparece un menú que muestra las pantallas disponibles, lo que te permite seleccionar solo las pantallas 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 o alejar la imagen, o restablecer el nivel de zoom, usa la rueda de desplazamiento o los botones de zoom de la barra de controles.
Jerarquía
Los visores de Winscope suelen incluir un visor de jerarquía. El visualizador de la figura 1 muestra varias jerarquías basadas en el registro que estás analizando. 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 lo visible, Plana y Buscar.
Figura 8: Controles de jerarquía
Mostrar diferencia
Cuando habilitas la función Show diff, Winscope supervisa y muestra automáticamente los cambios entre los estados actual y anterior. La función Mostrar diferencias destaca los elementos quitados en rojo, los elementos modificados en azul y los elementos nuevos en verde. Esta representación visual te permite identificar y comprender rápidamente 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 Hierarchy Viewer proporciona una función de búsqueda que usa expresiones regulares (regex). Este filtro segmenta tanto el nombre del elemento como 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 figura:
Figura 10: Es la jerarquía de búsqueda.
Mostrar solo los elementos visibles
Usa la función Mostrar solo los visibles para filtrar todos los elementos ocultos dentro de una jerarquía. De forma predeterminada, Winscope muestra los elementos visibles e invisibles. Winscope dibuja los elementos visibles 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 de las funciones Show diff, Search y Show defaults.
Mostrar diferencia
El uso de la función Show diff es el mismo que el de Show diff in the hierarchy view.
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 esos casos, la opción Mostrar valores predeterminados revela todas las propiedades disponibles en Winscope, incluidas aquellas con valores nulos o vacíos.
Figura 12: Valores predeterminados de las propiedades.
Accesos directos generales
Winscope admite los siguientes atajos:
Figura 13: Combinaciones de teclas generales