Flash Mx 2004 的发布,特别是改为V2 components以后, components的功能得到了极大的强化。而对于普通编程者来说,首先要了解的就是如何合理的使用这些components来完成期望的工作,也就是这个components能实现什么功能,会响应哪些事件,响应事件的过程是如何的,如何编写事件响应函数。 为此,我编写了一个简单的components事件调试器,用来调试components的事件响应过程(具体每个components的实现功能,请查阅Macromedia的help文档)
下面用UI Components里面的 Button components来举例说明components事件调试器的用法:
[url=/Files/BeyondPic/2006-9/19/pic2.gif]
[img]/Files/BeyondPic/2006-9/19/pic2-s.gif[/img]
[/url]
如图所示,从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窗口中看到事件触发过程了,例如:
从上面的调试情况等可以看出,Button组件的基本事件如下:
对于其他的Components,响应的事件会根据组件而不同,获取该组件的主要响应事件的方法很简单,只要将该组件拖入场景,然后在action面板中输入on(然后稍等一会,action面包中会出现一个下拉式列表,列出该组件能响应的主要事件。这时候,只要记下这些事件名,然后在主时间线第一帧修改调试器中的Init(obj)函数,将相应的事件加入监听器,格式类似于:
obj.addEventListener("change", form); 通过调试器了解了组件所能响应的事件和过程,只要修改 form函数,根据type值判断响应的是哪个事件,我们就可以很轻松的编写事件响应程序,让组件来完成期望的处理工作了。
[url=http://www.blueidea.com/articleimg/2003/10/923/trace_components.zip]
[color="#444444"]点击下载源程序[/color]
[/url]
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)
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
本文转自:http://www.5uflash.com/flashjiaocheng/Flashzujianxuexi/248.html
下面用UI Components里面的 Button components来举例说明components事件调试器的用法:
[url=/Files/BeyondPic/2006-9/19/pic2.gif]
[img]/Files/BeyondPic/2006-9/19/pic2-s.gif[/img]
[/url]
如图所示,从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窗口中看到事件触发过程了,例如:
从上面的调试情况等可以看出,Button组件的基本事件如下:
对于其他的Components,响应的事件会根据组件而不同,获取该组件的主要响应事件的方法很简单,只要将该组件拖入场景,然后在action面板中输入on(然后稍等一会,action面包中会出现一个下拉式列表,列出该组件能响应的主要事件。这时候,只要记下这些事件名,然后在主时间线第一帧修改调试器中的Init(obj)函数,将相应的事件加入监听器,格式类似于:
obj.addEventListener("change", form); 通过调试器了解了组件所能响应的事件和过程,只要修改 form函数,根据type值判断响应的是哪个事件,我们就可以很轻松的编写事件响应程序,让组件来完成期望的处理工作了。
[url=http://www.blueidea.com/articleimg/2003/10/923/trace_components.zip]
[color="#444444"]点击下载源程序[/color]
[/url]
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)
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
本文转自:http://www.5uflash.com/flashjiaocheng/Flashzujianxuexi/248.html