全面认识Flex事件机制

开发 后端
你对Flex事件机制的概念是否了解,这里向大家简单介绍一下,Flex事件机制是观察者模式,即首先要注册事件,事件分发后通过事件响应函数进行处理。

Flex有很多值得学习的地方,本文就向大家简单介绍一下Flex事件机制,主要包括事件流,自定义事件等内容,相信通过本文的简单介绍你对Flex事件机制一定会有深刻的认识。

Flex事件机制

Flex事件机制是观察者模式,即首先要注册事件,事件分发后通过事件响应函数进行处理。

例如在AS3中:
 

  1. button.addEventListener(“click”,onClick);//向button注册一个click事件  
  2. internalfunctiononClick(evt:MouseEvent):void{txt.text=“clickabutton!”;}
  3. //事件响应函数 

那么注册事件注册什么呢?通过addEventListener注册函数的参数可以看出,首先需要注册事件类型(第一个参数),然后注册响应函数,即事件发生后需要做什么事情,也就是说调用哪一个方法。

◆那么响应函数需要什么要求呢?

响应函数必须要一个参数,指明注册的事件的事件类型,如上面的例子,我们注册的是一个鼠标事件类型,即鼠标单击事件。
注册的事件类型必须和响应函数的事件类型一致!

◆到底有哪些事件类型呢?

除了有系统默认的事件类型外,我们可以定义自己的事件和事件类型。
简单的说,事件类型就是定义在事件类的常量属性。

Flex事件机制中的事件流

1.捕获阶段(从根节点到子节点,检测对象是否注册了监听器,是则调用监听函数)
2.目标阶段(调用目标对象本身注册的监听程序)
3.冒泡阶段(从目标节点到根节点,检测对象是否注册了监听器,是则调用监听函数)
注:事件发生后,每个节点可以有2个机会(2选1)响应事件,默认关闭捕获阶段。
从上到下(从根到目标)是捕获阶段,到达了目标后是目标阶段,然后从目标向上返回是冒泡阶段。

怎样理解事件流?

当事件发生时,FLEX通过事件的分发器EventDispatcher进行事件分发,分发的顺序是:从上往下到达目标,然后从下往上,从目标开始返回。如上面1、2、3所说的那样,这里就会有一个问题,在事件的流经过程中,不是目标的对象如果注册了事件,也有了相应的事件响应函数,那么不是目标的对象响应了事件的处理,这怎么办呢?
由于上面说的那样,addEventListener在只有如上两个参数的牧人情况下是关闭捕获阶段的,也就是说事件流是从目标阶段开始的,然后是冒泡阶段,当出现容器包含控件的时候,可以使用判断
if(evt.target==evt.currentTarget)
来确定当前事件流上的当前流经对象是否就是目标对象,如果是就进行相应的处理。

移除对象的事件流:removeEventListener(),参数与注册事件相同。
阻断事件流中目标对象的后继事件,即通过了目标阶段后阻止冒泡阶段:
event类的方法:publicfunctionstopImmediatePropagation():void

Flex事件机制中的Event类

Event类作为创建Event对象的基类,当发生事件时,Event对象将作为参数传递给事件侦听器。如MouseEvent、KeyboardEvent,更多的可以查参考手册。

Event类有几个常用的公共属性:

是否冒泡:bubbles;
目标对象:target;
所处阶段:eventPhase;
当前对象:currentTarget;
从参考手册可以event类的构造函数:

Event()构造函数publicfunctionEvent(type:String,bubbles:Boolean=false,cancelable:Boolean=false)
创建一个作为参数传递给事件侦听器的Event对象。
参数type:String—事件的类型,可以作为Event.type访问。
bubbles:Boolean(default=false)—确定Event对象是否参与事件流的冒泡阶段。默认值为false。
cancelable:Boolean(default=false)—确定是否可以取消Event对象。默认值为false。
在flash.events包中可以看见系统自带的事件。

Flex事件机制中如何自定义事件

自定义事件,也就是向监听器传递自己定义的事件类型,同时可以通过事件传递参数。

1.创建自定义事件名称的Event

  1. dispatchEvent(newEvent(“myEvnet”,true,false)); 

2.创建自定义事件类

  1. PublicclassMyEventextendsEvent{  
  2. ….  

dispatchEvent是EventDispatcher的方法:publicfunctiondispatchEvent(event:Event):Boolean将事件调度到事件流中。事件目标是对其调用dispatchEvent()方法的EventDispatcher对象。
这句话就是说是哪个对象调用dispatchEvent(),那么该事件就会被分发到那个对象的事件流中,如果没有指明对象,那么默认为this对象,即应用程序。这时该事件被分发到应用程序对象的事件流中,而没有分发到特定对象的事件流中。一旦两个对象的不是父子关系(控件树),那么事件流不会在这两个对象之间有联系,那么事件不会被响应;如果是,则还是要响应。(这种情况dispatchEvent的参数Event对象的参数必须是三个,如上)。dispatchEvent就是说明有了新的事件,只要注册了该事件,就可以响应。

【编辑推荐】

  1. Flex事件机制中监听器注册方式
  2. Flex事件机制中事件注册通道和触发方法
  3. 学习总结 在Flex中如何嵌入Flex字体
  4. 揭开Flex正则表达式的神秘面纱
  5. Flex数据绑定及其使用频繁的几种情况 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-11 13:46:01

Flex安全沙箱

2010-07-28 12:58:24

Flex DateCh

2010-07-29 09:00:29

Flex弹出窗口

2010-08-04 14:15:43

Flex应用程序

2010-08-06 10:03:42

Flex事件

2010-08-06 09:45:50

Flex事件机制

2010-08-04 13:52:53

Flex事件机制

2010-07-28 15:21:01

Flex函数

2010-08-04 14:07:59

Flex事件机制

2010-07-29 10:33:59

Flex键盘事件

2010-09-25 15:26:12

JVM垃圾回收

2010-08-13 13:56:02

Flex事件机制

2010-08-06 09:56:06

Flex事件机制

2010-08-12 16:28:51

Flex应用程序

2010-08-09 11:06:01

Flex事件机制

2010-08-04 14:02:08

Flex事件机制

2010-08-09 09:47:34

Flex事件机制

2010-08-13 14:05:24

Flex事件机制

2010-08-06 10:24:56

Flex事件分发

2010-07-26 17:01:03

Perl包
点赞
收藏

51CTO技术栈公众号