В помощь мобильному разработчику
Inspector

Использование Xamarin Inspector с вашими приложениями

Александр Алексеев

Xamarin Inspector является уникальным программным продуктом, который может исследовать приложения Xamarin, в то время как они работают. Я уже упоминал ранее Xamarin Workbooks, так что Вы рассматривали работу Live Inspector, который запускает части кода в реальном времени. Это тот же инспектор просто он подключается к активному приложению напрямую, а не через Workbooks.

 

Установка

Сначала нужно установить Inspector. Inspector работает только с iOS и Android и не поддерживает Mac или Windows приложения

 

Запуск Inspector

Для запуска инспектора сперва нужно перейти к свойствам проекта iOS или Android, в Linker Options, и удостовериться в том, что Linker Behavior имеет установку на значении Don’t Link.

Теперь запустите проект, и Вы увидите новый значок рядом с кнопками pause и stop. При нажатии на него запустится inspector.

 

Живое дерево визуализации

Если при загрузке инспектор изменить вкладку в нижней части на View Inspector, вам будет представлено активное визуальное представление всех слоев пользовательского интерфейса в приложении.

Если удерживать курсор мыши на изображении, его можно будет вращать в 3D. Это позволяет просматривать пользовательский интерфейс под разными углами, чтобы получить лучшее представление о его элементах.

Это визуальное представление не обновляется в режиме реального времени, поэтому нужно нажимать кнопку Refresh каждый раз, когда необходимо увидеть изменения.

 

Изменения в режиме реального времени

На правой панели можно увидеть все визуальные элементы и их свойства. Если выбран элемент пользовательского интерфейса в качестве Visual Rendering вы заметите, что он подсвечивается, и справа показываются элементы свойства.

Примечание: На обновление может потребоваться несколько секунд.

Если обновить цвет UILabel и нажать Enter, то запущенное приложение обновится. Это позволяет в реальном времени обновлять приложения, что очень удобно для тестирования небольших изменений.

 

Визуальное дерево

Левая панель содержит подробности о визуальной иерархии. При использовании Xamarin Forms, можно заметить, что большинство элементов представлены в качестве нативных средств контроля. Это происходит потому, что изучается нативное приложение. Здесь будет мало информации об элементах контроля Xamarin Forms.

 

REPL

При выборе REPL в нижней левой области вкладки, Вы попадете на экран, который показывает команды, применяемые в отношении активного приложения. REPL расшифровывается как Read-eval-print-loop, и используется для описания среды, которая запускает код по частям. В этом окне можно написать код и применить его в отношении активного приложения.

 

Итог

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

Автор: Adam Pedley
ИсточникСтатья в блоге автора

Александр Алексеев
Александр Алексеев

Xamarin - разработчик. Работаю с .NET платформой с 2012 года, программирую в основном с использованием C#. За это время успел поработать с ASP.NET, Entity Framework, MSSQL, Git

Внутри игровые покупки
Pixel Launcher круглые иконки

Написать ответ