事件编程模型,构建松散耦合的应用程序
设置事件,向事件处理函数传递数据
响应事件,接收数据
理解事件对象及其属性
事件分类:
1.系统事件
包括应用程序的实例化、组件从不可见到可见的状态变化
creationComplete事件
2.用户事件
开发者根据用户事件的发生执行某些操作
用户与应用程序交互(用户点击button)
用户所交互的对象分派一个用户事件(button发出click事件)
事件监听器监听事件(事件监听对象接收到此事件)
监听对象中的代码得到执行(监听对象绑定的方法得到执行)
给MXML赋值,可以采用2种方式:
1.标量值 如:字符串、数字、布尔值
2.绑定值 如:{}
事件处理函数的定义
ActionScript函数中处理事件,函数需要定义在<script>中
将事件发生时要执行的代码放到一个函数中
<button id="myButton" click="clickHandle()"></button>
调用事件处理函数时传递数据(多数情况下传递一个对象)
传递一个对象的好处在于:事件处理函数中可以获取该对象的所有可见属性
事件Event
Flex中最基本的事件被定义为Event类,是一个基本的ActionScript类
只包含每个事件都会有的最基本属性:
type creationComplete、click、mouseOver等
target 分派该事件的目标[涉及事件流的知识] (event.target获取事件目标)
事件流
事件会先从顶层容器向下传递事件,直到目标对象,目标对象处理事件之后,
通过设置可以向上再次返回事件,或者不返回。即事件是否冒泡!
事件的应用
实际开发中,最常用的不是Event类,而是其子类
如拖动某个物品到某个地方,需要知道拖动时和被放下时所在的x,y坐标
就需要使用DragEvents和ResultEvents事件
常用事件:
MouseEvent
鼠标事件,点击
creationComplete
当组件已经完成初始化,而且其大小和位置已经就绪时,就会分派这个事件
首先是所有子组件分派creationComplete事件,然后才是父组件分派
FlexEvent
</script>
分享到:
相关推荐
4. **事件处理**:ModestMaps提供了事件处理机制,允许开发者响应用户的点击、拖动等交互动作,实现地图上的交互功能。 ### 三、ActionScript 2与ActionScript 3 1. **AS2与AS3的区别**:AS3是AS2的升级版,具有更...
### Flex_4_Fun:深入理解Flex图形与皮肤技术 #### 一、引言 《Flex_4_Fun》是一本专注于Flex 4框架中图形和皮肤技术的专业书籍,作者Chet Haase曾是Adobe Systems的计算机科学家,在Flex 4发布期间作为核心团队...
4. 数据交换:Flex应用可以与ArcGIS Server进行数据交换,例如通过WMS或WFS服务获取地理数据,或提交用户数据至服务器进行存储和处理。 四、离线帮助文档的价值 "ArcGIS Server Flex1.2 help.exe"包含了详尽的API...
#### 四、Adobe Flex 4的核心特性 Adobe Flex 4的主要特性包括但不限于: 1. **组件架构**:Flex 4引入了一种新的组件架构,称为Spark,它提供了更好的性能和更高的灵活性。 2. **皮肤系统**:Flex 4中的皮肤系统...
这个“Flex4视频教程_02-01事件概述”涵盖了关于Flex4中的事件处理系统的基础知识,这对于理解Flex应用程序中的交互逻辑至关重要。下面我们将深入探讨Flex4中的事件模型及其相关概念。 在Flex4中,事件是表示应用...
四、Flex应用程序生命周期 1. 创建阶段:从XML描述文件(MXML)编译成SWF文件。 2. 初始化阶段:组件实例化,事件监听器注册。 3. 渲染阶段:组件在舞台上绘制。 4. 运行阶段:用户交互,数据绑定,事件处理。 5. ...
- **数据绑定和事件处理**:Flex框架支持强大的数据绑定机制和事件处理模型,使得开发者能够轻松地管理应用程序的数据流和用户交互。 - **开发工具**: - **Adobe Flash Builder 4**:这是Adobe官方提供的IDE,...
学习文档通常包含了Flex4的基础知识,如MXML和ActionScript3语法、组件使用、数据绑定、事件处理、样式和皮肤等。这些文档可以帮助初学者快速上手,理解Flex4的开发流程。同时,它们也覆盖了高级主题,如自定义组件...
四、Flex 4.0的组件库: Spark组件库提供了大量预定义的UI组件,如Button、Label、List等,每个组件都可自定义样式。此外,还有数据可视化组件,如Chart,以及高级组件如Accordion、TabNavigator等,满足各种界面...
四、关键类与方法 1. Map类:作为核心组件,负责管理地图的显示,包括图层、比例尺、导航控件等。 2. Layer类:表示地图的一个图层,可以是ArcGIS Server发布的服务,也可以是WMS、KML等其他数据源。 3. ...
FLEX4提供了事件处理机制,通过监听fault事件,我们可以对错误进行捕获和处理。 四、优化与扩展 1. 响应式设计:FLEX4支持自适应布局,可以根据设备特性调整界面,适应不同屏幕尺寸和分辨率。 2. 性能优化:合理...
《Flex4 TabBar组件的深度探索与应用实例》 在Adobe Flex 4中,TabBar是一种常见的用户界面组件,用于创建具有多个选项卡的应用界面,它允许用户在不同的视图或内容之间进行切换。TabBar组件是Spark组件库的一部分...
#### 四、Flex 4开发实践案例 **4.1 示例项目构建** - **需求分析**: 明确应用的功能和用户需求。 - **设计阶段**: 设计用户界面和交互流程。 - **编码阶段**: 编写MXML和ActionScript代码。 - **测试与优化**: 对...
#### 四、Flex4教程内容概览 Flex4教程覆盖了从基础概念到高级应用的广泛内容,包括数据库连接和数据访问,从简单案例到复杂项目的逐步引导。教程深入介绍了Flex的核心组件、数据绑定、事件处理、自定义控件开发、...
4. 地图服务:利用GeocodingService进行地址搜索,或使用ElevationService获取海拔数据。 总的来说,`GoogleMap_for_flex_sdk.zip`为Flex开发者提供了一个强大且灵活的工具,使得在Flex应用中集成Google Maps成为...
总结起来,"Flex4之DataGrid四个的示例【客户端和服务器端】"这一主题涵盖了使用Flex4的DataGrid组件展示和处理数据的基本技巧,包括客户端数据绑定、服务器端交互以及JSON数据的使用。通过具体的示例,开发者可以...
4. **示例程序** 创建一个简单的地图查看器应用程序,加载来自ArcGIS Online的地图服务。示例代码如下: ```xml xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:esri="http://www.esri.com/2008/ags" ...
3. **交互与动画**:Flex提供了丰富的动画库和事件处理机制,通过监听鼠标和键盘事件,可以实现时间轴的滚动、缩放以及事件的高亮等交互效果。 4. **自定义组件**:核心的时间轴组件可能是继承自Flex的基础组件,如...