解析Flex事件处理流程

开发 后端
本文向大家介绍一下Flex事件处理流程,软件开发者在开发过程中只关注某个组件响应某个事件后所做的操作,即被驱动的操作,而不用像结构化线形开发那样去关注驱动事件的动作。

在学习Flex的过程中,Flex事件处理是必须要掌握的知识,这里和大家分享一下Flex事件处理流程,相信本文介绍一定会让你有所收获。

Flex事件处理

软件开发者在开发过程中只关注某个组件响应某个事件后所做的操作,即被驱动的操作,而不用像结构化线形开发那样去关注驱动事件的动作。响应特定事件的组件叫做事件监听器(EventListener)。

一个用于交互的GUI组件会被预先定义它可能遇到的事件,软件开发者即可根据开发需求来编写事件监听器,响应部分或全部的事件触发,图1.7展示了这个触发过程。作为开发者,我们首先需要了解特定的GUI交互组件支持哪些事件,之后便可以根据需求写出相应的事件监听器。

图1.7GUI系统中的Flex事件处理流程

 

在示例1.2和示例1.3中,我们已经使用到了Flex的事件机制,Flex开发基于ActionScipt对象,事件已经作为Flex可视化组件的属性。我们可以在MXML中直接为组件的事件属性设定事件监听方法或者代码。

在示例1.2中,我们设定<mx:Button>的单击事件(click)属性为click=“changeText()”,并写了一个changeText方法作为单击事件的监听器。这样,当单击Button的时候,就会触发Button的click事件,changeText方法将被调用。而在示例1.3中,我们把ActionScript脚本直接复制给了click,这样整个脚本将作为一个事件监听器。Flex可视化组件开发的事件处理方式与HTML页面开发中的JavaScript脚本使用是非常相似的。

Flex事件处理中如果我们需要在事件监听器中处理事件源,即产生事件的组件,那么需要为事件监听的方法传递参数event,例如可以对示例1.2中事件监听方法的定义和<mx:Button>的事件属性做一些修改。

(1)事件监听方法定义的修改:

 

  1. publicfunctionchangeText(event:Event):void 

(2)Button事件属性的修改:

  1. <mx:Buttonlabelmx:Buttonlabel="点击这里"fontSize="16"click="changeText(event)"/> 


在Button事件属性的修改中,event作为一个关键字来使用,而非自定义变量,因此我们可以在标签中直接使用event来创建当前组件所触发的事件对象。

ActionScript类Event构建的时候会把事件源组件作为一个成员属性,这样在事件监听器中,我们可以通过event来操作事件源组件。

在MXML中设定事件属性值的方式叫做事件监听器内建。这种方式适合应用在简单的事件处理上。如果遇到需要多个事件监听器联合使用等复杂的事件处理情况,则需要应用Flex的事件注册。

【编辑推荐】

  1. Flex事件处理三要素
  2. FlexBuilder4十大新特性闪亮登场
  3. Flex框架中Cairngorm和Mate的优点大比拼
  4. FlexBuilder3.0与Eclipse3.4的***结合
  5. 解析Flex应用开发步骤 新特性和技术框架 
责任编辑:佚名 来源: blueidea.com
相关推荐

2010-08-04 13:23:29

Flex事件

2010-08-06 10:03:42

Flex事件

2010-08-04 11:15:22

Flex事件处理

2010-07-29 10:40:12

2010-08-04 14:02:08

Flex事件机制

2010-08-06 10:24:56

Flex事件分发

2010-08-12 13:59:37

FlexList控件

2010-08-13 14:05:24

Flex事件机制

2010-08-09 09:47:34

Flex事件机制

2011-08-29 14:59:26

QtEvent事件

2010-08-04 13:52:53

Flex事件机制

2010-08-06 09:45:50

Flex事件机制

2010-08-12 15:35:44

Flex事件机制

2010-01-06 15:16:58

Ubuntu启动流程

2010-08-02 09:43:00

Flex应用

2010-08-04 14:07:59

Flex事件机制

2010-07-29 10:27:30

Flex键盘事件

2010-07-29 10:33:59

Flex键盘事件

2010-08-12 13:34:13

Flex验证组件

2024-04-15 16:26:42

Twitter架构
点赞
收藏

51CTO技术栈公众号