Анализировать следы

После загрузки трассировок нажмите «Просмотреть трассировки» , чтобы визуализировать загруженные трассировки. Вкладки для каждой трассировки отображаются на верхней панели окна. Если загруженный файл содержит соответствующие трассировки, на экран накладывается плавающее представление трассировки записи экрана или скриншота:

View traces on Winscope

Рисунок 1. Просмотр трассировок на Winscope.

В следующих разделах описываются элементы пользовательского интерфейса на экране просмотра трассировок .

Прямоугольники

Панель СЛОИ для представлений Winscope, таких как WindowManager, SurfaceFlinger и ViewCapture, включает прямоугольные элементы из трассировки, которые визуально представляют их положение и порядок на оси Z.

С помощью элементов управления навигацией на панели СЛОИ можно изменить режим отрисовки прямоугольных слоев, а также их интервалы и поворот:

Rectangle controls

Рисунок 2. Элементы управления прямоугольником.

Формат градиента

Для более эффективного просмотра всех элементов иерархии можно использовать кнопку «Формат прямоугольника» , чтобы переключить формат рисования прямоугольника на «Градиент» . В градиентном формате кнопка «Формат прямоугольника» становится светло-серой.

В этом режиме непрозрачность каждого прямоугольника уменьшается в зависимости от его z-порядка, при этом прямоугольники с более высоким z-порядком становятся более прозрачными. Это позволяет видеть все элементы в иерархии, не беспокоясь о том, что прямоугольники перекрывают друг друга:

Rectangle gradient

Рисунок 3. Прямоугольный градиент.

Формат непрозрачности

Чтобы изменить формат рисования прямоугольника на непрозрачный , нажмите кнопку «Формат прямоугольника» . В непрозрачном формате кнопка «Формат прямоугольника» станет тёмно-серой.

В этом режиме каждый прямоугольник рисуется на основе его непрозрачности, например непрозрачности поверхности или вида:

Rectangle opacity

Рисунок 4. Непрозрачность прямоугольника.

Формат каркаса

Чтобы изменить представление с прямоугольного на каркасное , нажмите кнопку «Формат прямоугольника» . Это представление упрощает просмотр и анализ отдельных элементов иерархии. В формате каркасного изображения кнопка «Формат прямоугольника» преобразуется в контур без заливки:

Rectangle wireframe

Рисунок 5. Прямоугольный каркас.

Вращение

Используйте ползунок поворота , чтобы изменить перспективу прямоугольников в диапазоне от 0 до 45 градусов, что позволяет заметить ситуации, когда элементы выходят за пределы экрана:

Rectangle rotation

Рисунок 6. Вращение прямоугольника.

Интервал

Используйте ползунок интервала для управления интервалом между слоями, создавая сплющенный или более развернутый вид для лучшего контроля z-упорядоченности элементов:

Rectangle facing

Рисунок 7. Прямоугольная грань.

Выбор дисплея и окна

В представлении SurfaceFlinger при записи данных на устройствах с несколькими дисплеями в меню отображаются доступные дисплеи, что позволяет выбрать только интересующие вас дисплеи.

В ViewCapture при записи нескольких системных окон, таких как панель уведомлений, панель задач и панель запуска, в меню отображается список доступных окон.

Панорамирование и масштабирование

Вы можете изменить положение прямоугольников по горизонтали или вертикали, щёлкнув по их области и перетащив мышь. Для увеличения, уменьшения или сброса уровня масштабирования можно использовать колесо прокрутки или кнопки масштабирования на панели управления.

Иерархия

Вьюверы Winscope часто включают в себя иерархический просмотрщик. На рисунке 1 просмотрщик отображает различные иерархии, основанные на анализируемой трассировке. Например, просмотрщик может отображать иерархию окон в WindowManager или иерархию представлений в окне системного пользовательского интерфейса.

Информацию о конкретных типах иерархий см. в разделах, посвященных соответствующим трассам.

В этом разделе описывается использование общей иерархии, такой как функции «Показать различия» , «Показать только V» , «Плоский » и «Поиск» .

Hierarchy controls

Рисунок 8. Иерархия элементов управления.

Показать разницу

При включении функции «Показать различия» Winscope автоматически отслеживает и отображает изменения между текущим и предыдущим состояниями. Функция «Показать различия» выделяет удалённые элементы красным цветом , изменённые — синим , а новые элементы — зелёным . Такое визуальное представление позволяет быстрее определить и понять различия между двумя состояниями, упрощая отслеживание изменений и выявление потенциальных проблем.

Show diff hierarchy

Рисунок 9. Показать иерархию различий.

Поиск и фильтр

Средство просмотра иерархии предлагает возможность поиска с использованием регулярных выражений (regex). Этот фильтр учитывает как имя элемента, так и его значение (для свойств). Если фильтр соответствует дочернему элементу в иерархии, становится видна вся цепочка родительских элементов вплоть до корня дерева, как показано на следующем рисунке:

Search hierarchy

Рисунок 10. Иерархия поиска.

Показывать только видимые

Функция «Показывать только видимые» позволяет отфильтровать все скрытые элементы в иерархии. По умолчанию Winscope отображает как видимые, так и невидимые элементы. Видимые элементы отображаются чёрным цветом, а невидимые — серым.

Плоский

Кнопка «Плоская» реорганизует иерархическую структуру, устраняя родительско-дочерние связи между элементами. Это действие отображает все элементы на одном уровне. В сочетании с опцией «Показывать только видимые» результирующая иерархия отображает только видимые элементы, исключая их родительские элементы, как показано на следующем рисунке:

Flat hierarchy

Рисунок 11. Плоская иерархия.

Характеристики

Многие просмотрщики в Winscope интегрируют просмотрщик свойств. Этот просмотрщик отображает различные списки свойств, связанных с элементом, выбранным в иерархическом представлении. Например, просмотрщик может отображать свойства действия в WindowManager или свойства представления в системном пользовательском интерфейсе.

Информацию о конкретных свойствах см. в разделах, посвященных трассировкам SurfaceFlinger , WindowManager и View Capture .

В этом разделе описывается общая иерархия функций «Показать различия» , «Поиск» и «Показать значения по умолчанию» .

Показать разницу

Использование функции «Показать различия» аналогично функции «Показать различия» в иерархическом представлении .

Поиск и фильтр

Использование функции поиска аналогично поиску в иерархическом представлении .

Показать значения по умолчанию

По умолчанию Winscope отображает только изменённые значения свойств, которые не являются значениями по умолчанию для соответствующих типов данных. Например, Winscope не отображает false для логических значений, 0 для целых чисел, null для объектов и [] для массивов. Такая оптимизация упрощает список свойств, видимых пользователю. Однако в определённых ситуациях полезно иметь полное представление обо всей информации, связанной с элементами. В таких случаях параметр «Показать значения по умолчанию» отображает все доступные свойства Winscope, включая свойства с пустыми или нулевыми значениями.

Properties defaults

Рисунок 12. Свойства по умолчанию.

Общие сочетания клавиш

Winscope поддерживает следующие сочетания клавиш:

shortcuts

Рисунок 13. Общие сочетания клавиш.