FlexSpy 是一个开源的Flex 组件,这个组件很有用,它可以在运行时查看程序内各个组件的属性,类似于一个调试工具,而且它还可以在运行时修改各个组件的属性!这对于想要了解Flex 组件的初学者来说应该特别有用,你可以先写一个程序,然后利用FlexSpy来调试,这样你就不用修改某个属性,然后重新编译再看效果了
Follow these steps to setup Flex-Spy in your Flex 2.0 application:
In Flex Builder, open the Properties window of your project (Project menu > Properties)
- On the left side of the Properties window, select Flex Library Build Path .
- On the right side of the Properties window, select the Library path tab.
- Click the Add SWC... button
- Select the flexspy.swc file that you downloaded (from the Downloads section) and click OK .
- Add a button somewhere in your Flex application to show the Flex-Spy window:
< 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 >
FlexSpy使用的例子
1、首先将FlexSpy.swc添加到工程中:
在工程名称上面点击右键,选择“属性”,在弹出的对话框中选择左面的“Flex Build Path”,然后点击“Library path”页签,接着点击“Add SWC...”按钮,选择本地的FlexSpy.swc文件(注:如果你还没有下载该文件,可以参照这里 去下载),确定即可添加进来。下图为操作步骤和已添加后的效果:

2、添加后,参照输入下面代码:
<?
xml version="1.0" encoding="utf-8"
?>
<
mx:Application
xmlns:mx
="http://www.adobe.com/2006/mxml"
layout
="absolute"
>
<
mx:Script
>
<![CDATA[
import mx.core.FlexSprite;
import mx.effects.easing.Bounce;
import mx.controls.Alert;
import com.flexspy.*;
public function initApp():void
{
FlexSpy.registerKey(new KeySequence(123, true, false, false));
FlexSpy.registerJS();
this.btnFlexSpy.setFocus();
}
public function debug():void
{
FlexSpy.show();
}
]]>
</
mx:Script
>
<
mx:Label
x
="255"
y
="55"
text
="Label"
width
="115"
height
="70"
/>
<
mx:LinkButton
x
="477"
y
="53"
id
="btnFlexSpy"
label
="LinkButton"
click
="debug()"
/>
</
mx:Application
>
3、注意红色部分的代码是必须的,运行后,点击“LinkButton”按钮就会进入调试状态,调试状态下,可以对正在运行的程序进行实时的查看、修改和更新操作,非常方便。
FlexSpy是一款开源的Flex组件调试工具,可在运行时查看并修改程序组件属性。本文介绍如何将FlexSpy集成到Flex 2.0项目中,并通过示例演示其使用方法。

7031

被折叠的 条评论
为什么被折叠?



