云自无心水自闲

天平山上白云泉,云自无心水自闲。何必奔冲山下去,更添波浪向人间!
posts - 288, comments - 524, trackbacks - 0, articles - 6
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

Flex中的事件机制

Posted on 2006-03-02 17:30 云自无心水自闲 阅读(7688) 评论(11)  编辑  收藏 所属分类: FlexFlex2

一. 事件简介
事件可以由外设触发, 比如:键盘,鼠标, 也可能是外部输入, 比如:web service的返回.
事件还能由组件的外观和生命周期发生变化时触发, 比如:组件的创建或者改变大小.
所有用户与应用交互都会产生事件.用户没有直接与应用交互也可能产生事件, 比如:数据装载完毕.
你可以在程序中使用事件监听器监听这些事件. 事件监听器是函数方法用于响应指定的事件. 有时也称之为事件处理器.
Flex的事件模型基于DOM3事件模型.
组件产生派发事件并消费(监听)其他事件.如果一个对象想要了解其他对象事件的信息, 可以注册一个监听器.
当事件发生时,对象派发此事件到所有注册过的监听器中.
组件有Flex提供的内建事件. 也可以使用派发-监听模型定义自己的事件监听器, 并指定监听器监听何种事件.
二. 事件流简介
当一个事件被派发出来时, 事件对象从根节点开始自上而下开始扫描display list, 一直到目标对象, 检查每个节点是否有相应的监听器.
目标对象指的是display list中产生事件的对象. 比如:
<mx:Panel>
    <mx:HBox>
        <mx:VBox>
                <mx:Button />
        </mx:VBox>
    </mx:HBox>
</mx:Panel>
如何此时 resize了VBox, 则会从根(Application)开始, 下来检查Panel, HBox, 直到目标对象-产生resize事件的VBox为止.

三. 事件的派发
Flex中可以通过dispatchEvent()方法手工派发事件, 所有UIComponent的子类都可以调用此方法.
语法:
objectInstance.dispatchEvent(new Event("event_type"):Boolean
参数event_type是Event对象的type属性. 函数的返回值总是True.
可以使用此方法派发任意事件, 而不仅仅是用户自定义事件, 比如: 可以派发一个Button的Click事件.
var result:Boolean = buttonInstance.dispatchEvent(new Event(MouseEvent.CLICK));

在Flex应用中不是必须对新派发的事件进行处理, 如果触发了一个事件, 而没有对应的Listener时,Flex忽略此事件.
如果想给Event对象添加新属性, 就必须继承Event类,然后定义新属性

四.事件的传播:
事件触发后, Flex有3个检测事件监听器的阶段, 3个阶段的发生的顺序如下:
1. 捕获
2. 目标
3. 上浮
在任意一个阶段, 节点们都有机会操作事件. 比如: 用户点击了一个在VBox中的Button,
在捕获阶段, Flex检查Application对象(根节点)和VBox是否有监听器处理此事件. Flex然后在目标阶段触发按钮的监听器.
在上浮阶段, VBox和应用以与捕获阶段相反的顺序再次获得机会处理事件.
在ActionScript3.0中,你可以在任意目标节点上注册事件监听器. 但是部分事件会被直接传给目标节点,比如Socket类.
捕获阶段的节点顺序是从父节点到子节点的, 而上浮阶段刚好相反.
捕获事件缺省是关闭的,也就是说如果要捕获事件, 必须显式指定在捕获阶段进行处理.
每一个Event都有target和currentTarget属性, 帮助跟踪事件传播的过程.

捕获阶段:
在捕获阶段,Flex在显示列表中检查事件的祖先是否注册了事件的监听器. Flex从根节点开始顺序而下.
大多数情况中, 根节点是Application对象. 同时, Flex改变事件的currentTarget值.
缺省情况下, 在此阶段,没有容器监听事件. use_capture参数的值是False,在此阶段添加监听的唯一方法是在调用add_listener时,
传入一个为True值的use_capture参数, 比如:
myAccordion.addEventListener(MouseEvent.MOUSE_DOWN, customLogEvent, true);
如果是在Mxml中添加监听, Flex设置此参数为False, 没有办法进行修改.
    如果设置了use_capture为True, 那么事件将不会上浮. 如果既想捕获又想上浮就必须调用 addEventListener两次.
一次use_capture参数为true, 一次为false;
    捕获很少使用, 上浮的使用更为普遍.

   目标阶段:
在目标阶段, Flex激发事件的监听程序, 不检查其他的节点.

上浮阶段:
事件只在bubbles属性为True时才进行上浮. 可以上浮的事件包括: change, click, doubleClick, keyDown, keyUp, mouseDown, mouseUp.
在上浮阶段, Flex改变事件的currentTarget属性, 而target属性是初始派发事件的对象.

查询事件阶段:
使用事件的eventPhase可以获得事件当前的阶段,
1: CAPTURE_PHASE
2: AT_TARGET
3: BUBBLING_PHASE
示例: private function determineState(event:MouseEvent):Void { Debug.trace(event.eventPhase + ":" + event.currentTarget.id); }

停止传播:
使用下面两个函数停止事件的传播:
stopPropagation()
stopImmediatePropagation()




评论

# re: Flex中的事件机制  回复  更多评论   

2008-05-19 13:12 by 找中印
如果有实例就更好哦

# re: Flex中的事件机制  回复  更多评论   

2009-02-22 22:02 by Fising
转载到我的博客了,博主不反对吧?

# re: Flex中的事件机制  回复  更多评论   

2009-05-07 12:01 by 侃侃
学到了不少!
转到俺空间咯~

# re: Flex中的事件机制  回复  更多评论   

2009-11-24 16:36 by rplees
LZ,不建议我转走吧。

# re: Flex中的事件机制  回复  更多评论   

2010-02-02 14:33 by 骁勇善战
我也转了,博主你可以删除了

# re: Flex中的事件机制  回复  更多评论   

2010-02-03 20:08 by usherlight
转的人多好啊,说明感兴趣的人多。

# re: Flex中的事件机制  回复  更多评论   

2010-02-05 14:44 by bnmbj
不可以转的,我好不容易写出来的。怎么都转载到这里啦?

# re: Flex中的事件机制  回复  更多评论   

2010-02-09 20:52 by usherlight
@bnmbj
这篇文章肯定不是转载而来。

# re: Flex中的事件机制  回复  更多评论   

2010-08-27 14:15 by 无语
一堆废话,看完没点用处,还不如来一个实例实在。

# re: Flex中的事件机制  回复  更多评论   

2010-08-27 19:43 by usherlight
@无语
大多数时候,理论知识都是比较枯燥的,但这都是根本。
我觉得我们应该学习的是知识,而不是某些技能,比如,如何使用Spring,Hibernate。要知其所以然。

# re: Flex中的事件机制  回复  更多评论   

2010-09-02 15:37 by JohnKing
谢谢楼主了,转载了哈。

只有注册用户登录后才能发表评论。


网站导航: