Инструмент “XAML UI Responsiveness” для Visual Studio 2013

С точки зрения “взаимодействия-производительность” приложений должны быть «быстрыми» и «плавными» — быстрый запуск, для навигации между страницами, реагирование на изменение ориентации, плавность прокрутки, анимации. В данном вопросе нам поможет инструмент Visual Studio 2013 “Реагирование пользовательского интерфейса” — новый инструмент во вкладке Performance and Diagnostica, который позволяет анализировать взаимодействие и производительность вашего XAML-приложения для Windows Store.

Потребность в специализированном инструменте

Проблема взаимодействия приложения с пользователем очень актуальна, т.к. от этого зависит его успех среди конечных пользователей. Если ваше приложение “долго думает” при решении определенной задачи или переходы/анимации происходят рывками — вы сразу же получите негативные отзывы и потеряете целевую аудиторию.

Для решения ваших проблем необходимы вычисления, для проведения которых вам понадобится специальные инструменты, что бы найти проблемы на каждом устройстве отдельно. Но, после внедрения инструмента “Реагирование пользовательского интерфейса” в новую Visual Studio 2013 вам не нужны будут какие-то дополнительные инструменты и вы без особых проблем сможете протестировать ваше приложение на любом удобном для вас устройстве, что поможет полностью решить данную проблему.

Использование

Откройте для себя данный инструмент и можете не беспокоиться за плавность и быстродействие вашего приложения. Найти его можно на вкладке Debug -> Performance and Diagnostics.

png;base64192a42a9e8253b78Инструмент работает для всех видов приложений: установленных локально, разрабатываемых или удаленно. Профилирование с помощью «Remote Machine» наиболее актуально с точки зрения анализа производительности — никто не сможет сделать каких-либо предположений о оборудование, на котором будет установлено приложение, поэтому необходимо стремиться к работе со всем спектром поддерживаемой аппаратуры.

Для старта профилирования выберите «XAML UI Responsiveness” и нажмите на кнопку «Старт», чтобы запустить приложение и начать сеанс профилирования.

 png;base6494c5759de35cd461

Отчет

 png;base64429ae94d39c42b0c

Рассмотрим его поподробнее:

  • Zoom: увеличения / уменьшения масштаба выделенного интервала времени.
  • Линейка : указывает продолжительность сценария.
  • UI thread utilization : отображает загркженность интерфейсного потока по категориям: “Parsing”, «Layout», “App Code”, “XAML Other”;
  • Visual throughput (FPS): покажет вам значение FPS;
  • Parsing : расскажет вам о времени анализа XAML в выбранном диапазоне времени. Состоит из трех панелей. Левая панель представляет иерархический список проанализированных файлов. Каждая строка представляет собой файл, который был проанализирован, и нажав на строку вы можете расширить иерархию. Средняя панель представляет ту же иерархии, диаграммы Ганта иллюстрируют начало, конец и продолжительность анализа для каждого из файлов. Правая панель представляет метаданные для каждого выбранного файла.
  • Hot Elements: сообщит вам о элементах, которые участвовали при построении макета в выбранном диапазоне времени. Он тоже состоит из трех панелей. Левая панель представляет все элементы, которые состоят в макете, и эти элементы группируются по шаблону и отсортированы в порядке убывания, так что самая “тяжелая” группа элементов находится вверху. Нажав на строку — вы расширите группу. Средняя панель представляет время отрисовки в виде горизонтальной гистограммы. Для элемента группы на левой панели, бар представляет совокупное время отрисовки всей группы. Правая панель представляет метаданные для каждого выбранного элемента. Эти метаданные включают название элемента (если имеется), имя файла, в котором он находится, имя шаблона и количество элементов.

png;base647e72a37b430181dc

В заключение

Данный инструмент поможет вам при профилировании XAML-приложений. Также рекомендую к просмотру: Visual Studio 2013 Diagnostics Tools for XAML-Based Windows Store Apps.

Ссылка на источник: XAML UI Responsiveness tool in Visual Studio 2013

Реклама
Tagged with: , , , , , ,
Опубликовано в Development, Windows 8

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход /  Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход /  Изменить )

Connecting to %s

%d такие блоггеры, как: