Inspect Flex UI Elements

Question

Is there any tool for Flex applications that works similar to a web developer or a Firebug toolbar for checking user interface elements?

Mostly in a complex hierarchy of user interface controls that allows you to view items and view properties such as x and y coordinates, width, height, identifier.

I'm interested in tools that allow you to do this at runtime, since most properties are dynamic.

Answer 1

You can also try FlexSpy . Unlike De MonsterDebugger (which also looks good), you do not need to install AIR. This is not so much, but, of course, allows you to view the properties of components in real time (and change some of them). It is easy to use:

<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>

It looks like this:

alt text http://coderpeon.ovh.org/wp-content/110507-0844-flexspy111.png

Answer 2

I heard good things about Kap Inspect , but I haven’t used it personally. They have a demo on their site.

Answer 3

http://www.demonsterdebugger.com/

, . Flex, AIR Flash.