Flash Mx 2004 的发布，特别是改为V2 components以后， components的功能得到了极大的强化。而对于普通编程者来说，首先要了解的就是如何合理的使用这些components来完成期望的工作，也就是这个components能实现什么功能，会响应哪些事件，响应事件的过程是如何的,如何编写事件响应函数。 为此，我编写了一个简单的components事件调试器，用来调试components的事件响应过程（具体每个components的实现功能，请查阅Macromedia的help文档）
下面用UI Components里面的 Button components来举例说明components事件调试器的用法：
如图所示，从Flash中的 Components栏目中，找到并展开UI Components，将其中的 Button 这个组件拖入场景中， 在Properties里设置Instance Name为 but
然后，在主时间线上的第一帧，输入以下的调试器代码：
form = new Object();
form = function (evt) {
trace("Begin");
for (var i in evt) {
trace(i add ":" add typeof (eval("evt." add i)) add " = " add eval("evt." add i));
}
trace("End");
};
function Init(obj){
obj.addEventListener("click", form);
obj.addEventListener("focusIn", form);
obj.addEventListener("focusOut", form);
obj.addEventListener("keyDown", form);
obj.addEventListener("keyUp", form);
obj.addEventListener("resize", form);
obj.addEventListener("move", form);
obj.addEventListener("draw", form);
obj.addEventListener("load", form);
obj.addEventListener("unload", form);
}
Init(_root.but);
stop();
然后选择 Ctrl+Enter 或者在菜单里选择 Control -> Test Movie 就可以在Flash中对这个components进行操作并在output窗口中看到事件触发过程了，例如：
Begin
target:movieclip = _level0.but
type:string = load
End
Begin
target:movieclip = _level0.but
type:string = draw
End
Begin
target:movieclip = _level0.but
type:string = focusIn
End
Begin
target:movieclip = _level0.but
type:string = click
End
Begin
target:movieclip = _level0.but
type:string = keyDown
code:number = 65
ascii:number = 97
shiftKey:boolean = false
ctrlKey:boolean = false
End
Begin
target:movieclip = _level0.but
type:string = keyUp
code:number = 65
ascii:number = 97
shiftKey:boolean = false
ctrlKey:boolean = false
End
从上面的调试情况等可以看出，Button组件的基本事件如下：
load 参数(target,type)
draw 参数(target,type)
(mouse事件)
focusIn 参数(target,type)
click 参数(target,type)
focusOut 参数(target,type)
(key事件)
keyDown 参数(target,type,code,ascii,shiftKey,ctrlKey)
keyUp 参数(target,type,code,ascii,shiftKey,ctrlKey)
move 参数(target,type,oldX，oldY)
resize 参数(target,type,oldWidth,oldHeight)
unload 参数(target,type)
对于其他的Components，响应的事件会根据组件而不同，获取该组件的主要响应事件的方法很简单，只要将该组件拖入场景，然后在action面板中输入on(然后稍等一会，action面包中会出现一个下拉式列表，列出该组件能响应的主要事件。这时候，只要记下这些事件名，然后在主时间线第一帧修改调试器中的Init(obj)函数，将相应的事件加入监听器，格式类似于：
obj.addEventListener("change", form);
通过调试器了解了组件所能响应的事件和过程，只要修改 form函数，根据type值判断响应的是哪个事件，我们就可以很轻松的编写事件响应程序，让组件来完成期望的处理工作了。
|
