检查Flex中的UI元素

Question

Flex应用程序是否有可用于Web Developer或Firebug工具栏以检查UI元素的工具？

基本上在复杂的UI控件层次结构中,您可以浏览元素并查看x和y坐标,宽度,高度,id等属性.

我对可以在运行时执行此操作的工具感兴趣,因为大多数属性都是动态的.

Answer 1

您也可以尝试FlexSpy.与De MonsterDebugger(看起来也不错)不同,您不需要安装AIR.它没有那么多,但肯定允许您实时查看组件的属性(并更改其中的一些).它易于使用:

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

它看起来像这样:

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