`
tof.j
  • 浏览: 135721 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类

Flex中的组件事件顺序

阅读更多

转载: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中方法调用顺序的思考

    一个Flex组件从创建到销毁的过程大致可以分为以下几个步骤: 1. **构造函数**:当组件被实例化时,其构造函数会被调用。这是设置初始属性和进行基本初始化的最佳时机。 2. **initialize**:在构造函数之后,组件会...

    flex组件详细介绍

    在提供的文档"flex组件详细介绍.doc"中,应包含更多关于Flex布局组件的实际应用,如导航栏、卡片式布局、网格系统等,每个组件都配有示例代码和对应的效果图,让你能够直观理解并立即应用。 通过深入理解Flex布局,...

    flex组件时间轴组件

    Flex组件时间轴主要用于组织和展示按照时间顺序排列的数据,它在各种项目中都有着重要的应用,尤其对于需要呈现时间序列信息的应用场景,如日程管理、项目进度追踪或历史事件展示等。 首先,我们要理解什么是Flex...

    Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题

    在Flex中,可以为每个组件设置`includeInLayout`属性和`zIndex`属性来控制它们在堆叠顺序中的位置。确保菜单组件的`zIndex`值高于IFrame,使其显示在IFrame之上。 2. **IFrame被隐藏**:这通常是因为IFrame的CSS...

    flex各组件对应样式

    在实际应用中,了解并熟练掌握这些Flex组件的CSS样式属性至关重要,这能帮助我们构建出高效、适应性强的前端界面。通过实践和不断试验,开发者能够更好地理解和运用这些属性,提升布局设计的灵活性和效率。

    flex组件,功能强大的下拉框

    Flex组件是一种广泛应用于前端开发中的布局工具,尤其在构建响应式和可自适应的用户界面时,它能提供强大的灵活性。在本项目中,我们关注的是一个特定的Flex组件——"功能强大的下拉框"。这个自编的Flex下拉框组件...

    flex事件运行流程

    在这个例子中,MXML文档结构决定了组件的实例化顺序和事件触发的时间点,开发者可以通过添加事件监听器来观察和响应这些事件。 总之,理解Flex事件运行流程,特别是`applicationComplete`和`creationComplete`事件...

    flex组件的所有源文件

    Flex组件是一种广泛应用于Web开发中的布局工具,尤其在创建响应式设计时,它能帮助开发者构建灵活、可自适应不同屏幕尺寸的用户界面。在Web前端开发领域,Flex布局(也称为Flexbox)已经成为现代CSS布局的标准,它...

    Flex事件机制详细说明

    在Flex中,默认情况下,事件传播的顺序是先目标阶段,再上浮阶段。如果希望启用捕获阶段,需要在注册监听器时指定`use_capture`参数为`true`。 #### 结论 理解和熟练掌握Flex的事件机制对于构建高效、响应迅速的...

    flex suggestion组件(支持拼音)自动提示,自动补全

    在前端开发中,"flex"通常指的是CSS3中的Flex布局(Flexible Box Layout),这是一种用于处理容器中子元素的布局方式,能够灵活地调整元素大小和顺序,以适应不同的屏幕尺寸和设备方向。因此,这里的"flex ...

    Flex Application 初始化顺序

    这些组件按照它们在MXML文档中的顺序被创建,并添加到父容器中。 5. **初始化组件**: 组件实例化后,它们会经历一系列的初始化阶段,包括`initialize`事件的触发。在这个阶段,开发者可以设置初始属性、执行初始...

    flex datagrid按数字顺序,字母顺序排序

    Flex DataGrid是Adobe Flex框架中用于显示和操作数据集的一个组件,它允许用户对数据进行排序,以便更好地理解和分析数据。本篇文章将深入探讨如何在Flex DataGrid中实现按数字顺序和字母顺序的排序功能。 首先,...

    Flex UI组件使用全集

    ### Flex UI组件使用全集详解 #### 概述 本文档是基于阿树对Adobe Flex UI组件库的全面整理,并结合Adobe主页上提供的各种组件代码示例进行深度解析。Flex是一种用于构建高度交互式的Web应用的框架,尤其适用于创建...

    Flex 3 组件实例与应用(2009版)

    通过以上对《Flex 3 组件实例与应用》一书中提到的各类组件的介绍,我们可以看出Flex 3提供的组件不仅涵盖了基本的UI需求,还包括了高级的交互、数据展示和验证等功能。这使得开发者能够在构建复杂的应用程序时更加...

    Flex 事件机制,flex入门学习

    Flex 事件机制是 Flex 应用程序中不可或缺的一部分,它使得组件之间能够有效地通信,响应用户交互以及管理应用程序状态。在深入理解 Flex 事件机制之前,我们需要先了解一下基本概念。 1. **事件的概念** 事件可以...

    flex 常用组件附例子介绍

    ### Flex常用UI组件详解 #### 一、DataGrid 组件 **DataGrid** 是 Flex 中一个非常重要的组件,主要...以上是 Flex 中 DataGrid 和 List 组件的基本使用及扩展功能介绍,希望能帮助大家更好地理解和使用这些组件。

    关于flex事件的讲解.rar

    10. **Flex组件事件**:Flex组件库中的每个组件都有一套预定义的事件,比如`Button`组件的`click`事件,`TextInput`组件的`change`事件等。了解这些组件事件有助于编写更高效、响应性更强的界面。 通过这份资料...

    Flex 果冻特效Demo

    6. **事件监听和处理**:为了响应用户的交互,我们需要在Flex应用中添加事件监听器。例如,当用户点击按钮时触发果冻特效,这就需要用到addEventListener方法。 7. **容器和组件**:在Flex中,组件可以通过容器进行...

    关于Flex 初始化的research

    原因在于Flex组件的生命周期,尤其是初始化阶段的事件顺序。 Flex组件的生命周期包含多个关键阶段,这些阶段按照一定的顺序执行,确保组件的正确初始化和显示。主要阶段包括: 1. **PREINITIALIZE**:这是组件生命...

    flex图片放大镜组件,自定义组件

    本案例中提到的"flex图片放大镜组件"就是这样一个自定义组件,它专为图片展示站点设计,提供了一个便捷的方式来实现图片的放大效果,从而提升用户体验。 首先,我们来理解一下“flex”这个词。在前端布局中,...

Global site tag (gtag.js) - Google Analytics