Загрузив трассировки , нажмите «Просмотреть трассировки» , чтобы визуализировать загруженные трассировки. Вкладки для каждой трассы появляются на верхней панели окна. Если загруженный файл содержит соответствующие трассировки, на экран накладывается плавающее изображение трассировки записи экрана или скриншота:
Рисунок 1. Просмотр трассировок в Winscope.
В следующих разделах описаны элементы пользовательского интерфейса на экране «Просмотр трассировок» .
Прямоугольники
Панель СЛОИ для представлений Winscope, таких как WindowManager, SurfaceFlinger и ViewCapture, включает прямоугольные элементы трассировки, которые визуально представляют их положение и порядок на оси Z.
С помощью элементов управления навигацией на панели СЛОИ вы можете изменить режим отрисовки прямоугольных слоев, а также их интервалы и поворот:
Рисунок 2. Прямоугольные элементы управления.
Градиентный формат
Чтобы более эффективно проверять все элементы в иерархии, вы можете использовать кнопку формата прямоугольника , чтобы переключить формат рисования прямоугольника на Gradient . В градиентном формате кнопка прямоугольного формата становится светло-серой.
В этом режиме непрозрачность каждого прямоугольника уменьшается в зависимости от его z-порядка, при этом прямоугольники с более высоким z-порядком становятся более прозрачными. Это позволяет вам видеть все элементы иерархии, не беспокоясь о том, что прямоугольники закрывают друг друга:
Рисунок 3. Прямоугольный градиент.
Формат непрозрачности
Чтобы изменить формат рисования прямоугольника на непрозрачный , нажмите кнопку «Формат прямоугольника» . В непрозрачном формате кнопка прямоугольного формата становится темно-серой.
В этом режиме каждый прямоугольник рисуется на основе его непрозрачности, например непрозрачности поверхности или вида:
Рисунок 4. Непрозрачность прямоугольника.
Каркасный формат
Чтобы изменить прямоугольное представление на каркасное , нажмите кнопку прямоугольного формата . Такое представление упрощает изучение и анализ отдельных элементов иерархии. В формате Wireframe _ кнопка прямоугольного формата превращается в контур без заливки:
Рисунок 5. Каркас прямоугольника.
Вращение
Используйте ползунок поворота , чтобы изменить перспективу прямоугольников от 0 до 45 градусов, что позволит вам определить сценарии, в которых элементы выходят за пределы экрана:
Рисунок 6. Вращение прямоугольника.
Расстояние
Используйте ползунок интервала , чтобы контролировать расстояние между слоями, создавая плоский или более развернутый вид для лучшего контроля z-упорядочения элементов:
Рисунок 7. Облицовка прямоугольника.
Выбор дисплея и окна
В представлении SurfaceFlinger при записи данных на устройствах с несколькими дисплеями в меню отображаются доступные дисплеи, поэтому вы можете выбрать только те дисплеи, которые вас интересуют.
В ViewCapture при записи нескольких системных окон, таких как панель уведомлений, панель задач и панель запуска, в меню перечислены доступные окна.
Панорамирование и масштабирование
Вы можете настроить положение прямоугольников по горизонтали или по вертикали, щелкнув их область и перетащив мышь. Для увеличения, уменьшения или сброса уровня масштабирования вы можете использовать колесо прокрутки или кнопки масштабирования на панели управления.
Иерархия
Программы просмотра Winscope часто включают в себя программу просмотра иерархии. Средство просмотра на рисунке 1 отображает различные иерархии на основе анализируемой трассы. Например, средство просмотра может отображать иерархию окон в WindowManager или иерархию представлений в окне системного пользовательского интерфейса.
Информацию о конкретных типах иерархии см. в разделах, посвященных соответствующим трассировкам.
В этом разделе описывается общее использование иерархии, например функции «Показать разницу» , «Показать только V» , «Плоский » и «Поиск» .
Рисунок 8. Элементы управления иерархией.
Показать разницу
Когда функция «Показать разницу» включена, Winscope автоматически отслеживает и отображает изменения между текущим и предыдущим состоянием. Функция «Показать разницу» выделяет удаленные элементы красным цветом, элементы, измененные синим цветом , а новые элементы, созданные зеленым цветом . Такое визуальное представление позволяет быстрее идентифицировать и понимать различия между двумя состояниями, что упрощает отслеживание изменений и выявление потенциальных проблем.
Рисунок 9. Показать иерархию различий.
Поиск и фильтрация
Средство просмотра иерархии предлагает возможность поиска с использованием регулярных выражений (регулярных выражений). Этот фильтр нацелен как на имя элемента, так и на его значение (для свойств). Когда фильтр соответствует дочернему элементу в иерархии, становится видимой вся цепочка родительских элементов до корня дерева, как показано на следующем рисунке:
Рисунок 10. Иерархия поиска.
Показать только видимые
С помощью функции «Показать только видимые» вы можете отфильтровать все скрытые элементы в иерархии. По умолчанию Winscope отображает как видимые, так и невидимые элементы. Видимые элементы рисуются черным цветом, а невидимые — серым.
Плоский
Кнопка «Плоская» реорганизует иерархическую структуру, устраняя отношения «родитель-потомок» между элементами. Это действие визуализирует все элементы на одном уровне. В сочетании с параметром «Показать только видимые » результирующая иерархия отображает только видимые элементы, исключая их родительские элементы, как показано на следующем рисунке:
Рисунок 11. Плоская иерархия.
Характеристики
В Winscope многие средства просмотра интегрируют средство просмотра свойств. Это средство просмотра представляет различные списки свойств, связанных с элементом, выбранным в представлении иерархии. Например, средство просмотра может отображать свойства действия в WindowManager или свойства представления в системном пользовательском интерфейсе.
Информацию о конкретных свойствах см. в разделах, посвященных трассировкам SurfaceFlinger , WindowManager и View Capture .
В этом разделе описывается общая иерархия функций «Показать различия» , «Поиск» и «Показать значения по умолчанию» .
Показать разницу
Использование функции «Показать разницу» аналогично использованию функции «Показать разницу» в представлении иерархии .
Поиск и фильтрация
Использование функции поиска аналогично использованию функции поиска в иерархическом представлении .
Показать настройки по умолчанию
По умолчанию Winscope отображает только измененные значения свойств, которые не являются значениями по умолчанию для соответствующих типов данных. Например, Winscope опускает false для логических значений, 0 для целых чисел, null для объектов и [] для массивов. Такая оптимизация упрощает список свойств, видимых пользователю. Однако в определенных ситуациях полезно иметь полное представление обо всей информации, связанной с элементами. В таких случаях параметр «Показать значения по умолчанию» отображает все доступные свойства в Winscope, включая свойства с пустыми или нулевыми значениями.
Рисунок 12. Свойства по умолчанию.
Общие ярлыки
Winscope поддерживает следующие сочетания клавиш:
Рисунок 13. Общие ярлыки.