RevealApp — Firebug для iOS приложений

в 9:57, , рубрики: firebug, iOS, mobile development, reveal, Блог компании Touch Instinct, разработка под iOS, метки: , ,

Два дня назад вышел RevealApp. RevealApp это MacOS приложение. Он показывает иерархию UI-компонентов приложения в понятном и мощном 3D-представлении и позволяет менять UI на лету. Идея похожа на Firebug или Web Inspector для сайтов.

Возможные применения:
— отладка UI, визуальный поиск непонятных багов в layout и тд;
— знакомство с приложением, написанным другим разработчиком, открываете Reveal и быстро анализируете структуру экранов (отображаются в том числе элементы созданные в runtime);
— дизайнеры (или разработчики под их присмотром) могут тестировать дизайн без перекомпиляции приложения (а давайте подвинем иконку выхода на три пикселя влево).

Reveal используют Flipboard, Artsy, Xamarin и другие.

RevealApp — Firebug для iOS приложений

Оценить интерфейс Reveal проще всего по видео с сайта.

Reveal работает про протоколу Bonjour, приложение сообщает ему свою структуру UI и принимает команды на его изменение. Соответственно в приложение нужно встроить Reveal-библиотеку. Инструкции для iOS, Xamarin.iOS.

Попробуем использовать его на примере приложения Sooner.

Вид приложения и его 3D-развертка:
RevealApp — Firebug для iOS приложенийRevealApp — Firebug для iOS приложений

Поэкспериментируем с метками: поменяем шрифт, цвет, тип обрезки длинных строк, подвигаем их (эмулируем поведение дизайнера :)
RevealApp — Firebug для iOS приложений

Результат становится доступен в эмуляторе и приложение продолжает работать с изменениями:
RevealApp — Firebug для iOS приложений

Первые 30 дней использования Reveal бесплатны. Лицензии продаются по $89 для фрилансеров и $179 для компаний.


Картинки с сайта revealapp.com

Подписывайтесь на наш хабра-блог. Каждый четверг полезные статьи о мобильной разработке, маркетинге и бизнесе мобильной студии.

Автор: junk

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js