С точки зрения “взаимодействия-производительность” приложений должны быть «быстрыми» и «плавными» — быстрый запуск, для навигации между страницами, реагирование на изменение ориентации, плавность прокрутки, анимации. В данном вопросе нам поможет инструмент Visual Studio 2013 “Реагирование пользовательского интерфейса” — новый инструмент во вкладке Performance and Diagnostica, который позволяет анализировать взаимодействие и производительность вашего XAML-приложения для Windows Store.
Потребность в специализированном инструменте
Проблема взаимодействия приложения с пользователем очень актуальна, т.к. от этого зависит его успех среди конечных пользователей. Если ваше приложение “долго думает” при решении определенной задачи или переходы/анимации происходят рывками — вы сразу же получите негативные отзывы и потеряете целевую аудиторию.
Для решения ваших проблем необходимы вычисления, для проведения которых вам понадобится специальные инструменты, что бы найти проблемы на каждом устройстве отдельно. Но, после внедрения инструмента “Реагирование пользовательского интерфейса” в новую Visual Studio 2013 вам не нужны будут какие-то дополнительные инструменты и вы без особых проблем сможете протестировать ваше приложение на любом удобном для вас устройстве, что поможет полностью решить данную проблему.
Использование
Откройте для себя данный инструмент и можете не беспокоиться за плавность и быстродействие вашего приложения. Найти его можно на вкладке Debug -> Performance and Diagnostics.
Инструмент работает для всех видов приложений: установленных локально, разрабатываемых или удаленно. Профилирование с помощью «Remote Machine» наиболее актуально с точки зрения анализа производительности — никто не сможет сделать каких-либо предположений о оборудование, на котором будет установлено приложение, поэтому необходимо стремиться к работе со всем спектром поддерживаемой аппаратуры.
Для старта профилирования выберите «XAML UI Responsiveness” и нажмите на кнопку «Старт», чтобы запустить приложение и начать сеанс профилирования.
Отчет
Рассмотрим его поподробнее:
- Zoom: увеличения / уменьшения масштаба выделенного интервала времени.
- Линейка : указывает продолжительность сценария.
- UI thread utilization : отображает загркженность интерфейсного потока по категориям: “Parsing”, «Layout», “App Code”, “XAML Other”;
- Visual throughput (FPS): покажет вам значение FPS;
- Parsing : расскажет вам о времени анализа XAML в выбранном диапазоне времени. Состоит из трех панелей. Левая панель представляет иерархический список проанализированных файлов. Каждая строка представляет собой файл, который был проанализирован, и нажав на строку вы можете расширить иерархию. Средняя панель представляет ту же иерархии, диаграммы Ганта иллюстрируют начало, конец и продолжительность анализа для каждого из файлов. Правая панель представляет метаданные для каждого выбранного файла.
- Hot Elements: сообщит вам о элементах, которые участвовали при построении макета в выбранном диапазоне времени. Он тоже состоит из трех панелей. Левая панель представляет все элементы, которые состоят в макете, и эти элементы группируются по шаблону и отсортированы в порядке убывания, так что самая “тяжелая” группа элементов находится вверху. Нажав на строку — вы расширите группу. Средняя панель представляет время отрисовки в виде горизонтальной гистограммы. Для элемента группы на левой панели, бар представляет совокупное время отрисовки всей группы. Правая панель представляет метаданные для каждого выбранного элемента. Эти метаданные включают название элемента (если имеется), имя файла, в котором он находится, имя шаблона и количество элементов.
В заключение
Данный инструмент поможет вам при профилировании XAML-приложений. Также рекомендую к просмотру: Visual Studio 2013 Diagnostics Tools for XAML-Based Windows Store Apps.
Ссылка на источник: XAML UI Responsiveness tool in Visual Studio 2013
Добавить комментарий