转载:http://blog.pjoke.com/2008/12/component-event-sequence-in-fle/
为了便于理解Flex里面组件的事件是如何发生的,我写了这么一些代码:
mxml:
<mx:Something ......
addedToStage="trace('addedToStage')"
creationComplete="trace('creationComplete')"
enterFrame="if (!enterframeflag) {trace('enterFrame'); enterframeflag=true;}"
initialize="trace('initialize')"
preinitialize="trace('preinitialize')"
resize="trace('resize')"
show="trace('show')"
/>
然后再debug模式下运行,输出结果如下:
preinitialize
initialize
enterFrame
resize
[SWF] C:\Documents and Settings\polo\Desktop\study\testmenu\bin-debug\testmenu.swf - 877,825 bytes after decompression
creationComplete
addedToStage
再运行一次:
preinitialize
initialize
[SWF] C:\Documents and Settings\polo\Desktop\study\testmenu\bin-debug\testmenu.swf - 877,825 bytes after decompression
enterFrame
resize
creationComplete
addedToStage
[SWF]一行是解压过程,可以忽略不计。
剩下的内容就是组件事件的发生顺序了。
预初始化->初始化->进入桢->改变大小->创建结束->添加到场景。
而show事件没有发生。
分享到:
相关推荐
一个Flex组件从创建到销毁的过程大致可以分为以下几个步骤: 1. **构造函数**:当组件被实例化时,其构造函数会被调用。这是设置初始属性和进行基本初始化的最佳时机。 2. **initialize**:在构造函数之后,组件会...
在提供的文档"flex组件详细介绍.doc"中,应包含更多关于Flex布局组件的实际应用,如导航栏、卡片式布局、网格系统等,每个组件都配有示例代码和对应的效果图,让你能够直观理解并立即应用。 通过深入理解Flex布局,...
Flex组件时间轴主要用于组织和展示按照时间顺序排列的数据,它在各种项目中都有着重要的应用,尤其对于需要呈现时间序列信息的应用场景,如日程管理、项目进度追踪或历史事件展示等。 首先,我们要理解什么是Flex...
在Flex中,可以为每个组件设置`includeInLayout`属性和`zIndex`属性来控制它们在堆叠顺序中的位置。确保菜单组件的`zIndex`值高于IFrame,使其显示在IFrame之上。 2. **IFrame被隐藏**:这通常是因为IFrame的CSS...
在实际应用中,了解并熟练掌握这些Flex组件的CSS样式属性至关重要,这能帮助我们构建出高效、适应性强的前端界面。通过实践和不断试验,开发者能够更好地理解和运用这些属性,提升布局设计的灵活性和效率。
Flex组件是一种广泛应用于前端开发中的布局工具,尤其在构建响应式和可自适应的用户界面时,它能提供强大的灵活性。在本项目中,我们关注的是一个特定的Flex组件——"功能强大的下拉框"。这个自编的Flex下拉框组件...
在这个例子中,MXML文档结构决定了组件的实例化顺序和事件触发的时间点,开发者可以通过添加事件监听器来观察和响应这些事件。 总之,理解Flex事件运行流程,特别是`applicationComplete`和`creationComplete`事件...
Flex组件是一种广泛应用于Web开发中的布局工具,尤其在创建响应式设计时,它能帮助开发者构建灵活、可自适应不同屏幕尺寸的用户界面。在Web前端开发领域,Flex布局(也称为Flexbox)已经成为现代CSS布局的标准,它...
在Flex中,默认情况下,事件传播的顺序是先目标阶段,再上浮阶段。如果希望启用捕获阶段,需要在注册监听器时指定`use_capture`参数为`true`。 #### 结论 理解和熟练掌握Flex的事件机制对于构建高效、响应迅速的...
在前端开发中,"flex"通常指的是CSS3中的Flex布局(Flexible Box Layout),这是一种用于处理容器中子元素的布局方式,能够灵活地调整元素大小和顺序,以适应不同的屏幕尺寸和设备方向。因此,这里的"flex ...
这些组件按照它们在MXML文档中的顺序被创建,并添加到父容器中。 5. **初始化组件**: 组件实例化后,它们会经历一系列的初始化阶段,包括`initialize`事件的触发。在这个阶段,开发者可以设置初始属性、执行初始...
Flex DataGrid是Adobe Flex框架中用于显示和操作数据集的一个组件,它允许用户对数据进行排序,以便更好地理解和分析数据。本篇文章将深入探讨如何在Flex DataGrid中实现按数字顺序和字母顺序的排序功能。 首先,...
### Flex UI组件使用全集详解 #### 概述 本文档是基于阿树对Adobe Flex UI组件库的全面整理,并结合Adobe主页上提供的各种组件代码示例进行深度解析。Flex是一种用于构建高度交互式的Web应用的框架,尤其适用于创建...
通过以上对《Flex 3 组件实例与应用》一书中提到的各类组件的介绍,我们可以看出Flex 3提供的组件不仅涵盖了基本的UI需求,还包括了高级的交互、数据展示和验证等功能。这使得开发者能够在构建复杂的应用程序时更加...
Flex 事件机制是 Flex 应用程序中不可或缺的一部分,它使得组件之间能够有效地通信,响应用户交互以及管理应用程序状态。在深入理解 Flex 事件机制之前,我们需要先了解一下基本概念。 1. **事件的概念** 事件可以...
### Flex常用UI组件详解 #### 一、DataGrid 组件 **DataGrid** 是 Flex 中一个非常重要的组件,主要...以上是 Flex 中 DataGrid 和 List 组件的基本使用及扩展功能介绍,希望能帮助大家更好地理解和使用这些组件。
10. **Flex组件事件**:Flex组件库中的每个组件都有一套预定义的事件,比如`Button`组件的`click`事件,`TextInput`组件的`change`事件等。了解这些组件事件有助于编写更高效、响应性更强的界面。 通过这份资料...
6. **事件监听和处理**:为了响应用户的交互,我们需要在Flex应用中添加事件监听器。例如,当用户点击按钮时触发果冻特效,这就需要用到addEventListener方法。 7. **容器和组件**:在Flex中,组件可以通过容器进行...
原因在于Flex组件的生命周期,尤其是初始化阶段的事件顺序。 Flex组件的生命周期包含多个关键阶段,这些阶段按照一定的顺序执行,确保组件的正确初始化和显示。主要阶段包括: 1. **PREINITIALIZE**:这是组件生命...
本案例中提到的"flex图片放大镜组件"就是这样一个自定义组件,它专为图片展示站点设计,提供了一个便捷的方式来实现图片的放大效果,从而提升用户体验。 首先,我们来理解一下“flex”这个词。在前端布局中,...