FlexSpy — визуальная отладка Flex-приложений на лету

FlexSpy (fxSpy, Flex Spy) делает то же самое, что делает FireBug для Firefox. FlexSpy позволяет изменять свойства компонентов Flex-приложения во время работы — например, в окне браузера. Это здорово облегчает дизайн флекс-приложений, Как FireBug облегчает отладку веб-страниц.

Можно увидеть FlexSpy в действии. Чтобы активизировать этот визуальный дебаггер, нажмите кнопку "FlexSpy" в правом верхнем углу. Внутри приложения откроется окно, позволяющее исследовать древовидную структуру визуальных компонентов и изменять их свойства — редактируемые помечены иконкой "карандаш". Эта штуковина может стать гвоздем в крышке гроба не слишком удобного дизайнерсокого режима самого Flex Builder.

Нужно изменить ширину контейнера и посмотреть, что получится? Пожалуйста. Увидеть, как будет выглядеть приложение с другим фоном? Без проблем.

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

Как использовать Flex Spy в вашем Flex-приложении

1. Во Flex Builder откройте окно свойств проекта (меню Project > Properties).
2. Выберите раздел Flex Library Build Path, а в нем — закладку Library path.
3. Нажмите кнопку Add SWC... и в открывшемся диалоге укажите файл flexspy.swc.
4. В любом месте своего приложения добавьте кнопку вызова FlexSpy:

   <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
   
     ...
   
     <mx:Script>
   
       <![CDATA[
   
         import com.flexspy.FlexSpy;
   
       ]]>
   
     </mx:Script>
   
     ...
   
     <mx:Button id="btnFlexSpy" label="FlexSpy" click="FlexSpy.show()" />
   
     ...
   
   </mx:Application>

Теперь и у флекс-дизайнеров есть свой отладчик. Ожидается AIR-версия для десктопа.