`
cloud21
  • 浏览: 397493 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

深入学习Flex组件生命周期

    博客分类:
  • Flex
阅读更多
本文和大家深入学习Flex组件生命周期的概念,调用Flex组件构造函数时,构造函数没有返回类型,没有参数,使用super()调用父类的构造器。

本文向大家简单介绍一下Flex组件生命周期,使用set,get设置Flex组件属性,常在set方法内监控一个布尔变量来实现失效机制。

深入学习Flex组件生命周期

1、生命周期(LifeCycle)简述

⑴调用Flex组件构造函数。构造函数没有返回类型,没有参数,使用super()调用父类的构造器

⑵使用set,get设置Flex组件属性,常在set方法内监控一个布尔变量来实现失效机制

⑶调用addChild()方法将Flex组件添加到父Flex组件显示列表中,FLEX将自动调用createChildren(),invalidateProperties(),invalidateSize(),invalidateDisplayList()。只有将Flex组件添加到父容器中,FLEX才能确定它的大小(size),设置它所继承样式(style)属性,或者在屏幕上画出它

⑷Flex组件的parent属性设置为对父容器的引用

⑸样式(style)设置

⑹Flex组件分发preinitialize事件

⑺调用Flex组件createChildren()方法

⑻调用invalidateProperties(),invalidateSize(),invalidateDisplayList()失效方法,FLEX将在下一个“渲染事件”(renderevent)期间对相应的commitProperties(),measure(),updateDisplayList()方法进行调用。这个规则唯一例外就是当用户设置Flex组件的height和width属性时,Flex不会调用measure()方法。也就是说,只有当Flex组件的explicitWidth和explicitHeight属性是NaN时Flex才会调用measure()方法。

⑼Flex组件分发initialize事件。此时Flex组件所有的子Flex组件初始化完成,但Flex组件尚未更改size和布局,可以利用这个事件在Flex组件布局之前执行一些附加的处理

⑽在父容器上分发childAdd事件

⑾在父容器上分发initialize事件

⑿在下一个“渲染事件”(renderevent)中,Flex执行以下动作:

a.调用Flex组件的commitProperties()方法

b.调用Flex组件的measure()方法

c.调用Flex组件的layoutChrome()方法

d.调用Flex组件的updateDisplayList()方法

e.在Flex组件上分发updateComplete事件

⒀如果commitProperties(),measure(),updateDisplayList()方法调用了invalidateProperties(),invalidateSize(),invalidateDisplayList()方法,则Flexh会分发另外一个render事件

⒁在最后的render事件发生后,Flex执行以下动作:

a.设置Flex组件visible属性使其可视

b.Flex组件分发creationComplete事件,Flex组件的大小(size)和布局被确定,这个事件只在Flex组件创建时分发一次

c.Flex组件分发updateComplete事件。无论什么时候,只要Flex组件的布局(layout),位置,大小或其它可视的属性发生变化就会分发这事件,然后更新Flex组件来正确地显示。

2、为什么使用失效机制(invalidationmechanism)

一种情况是,当设置了Flex组件的多个属性后,比如Button控件的label和icon属性,我们需要所有属性被设置后一次性执行commitProperties(),measure(),updateDisplayList()方法,而不是设置过label属性后执行一遍这些方法,然后在设置icon属性后又执行一次这些方法。

另一种情况是几个Flex组件同时更改了它们的字体大小。程序更改字体大小的执行速度大大快于Flex更新应用的速度,因此要在确定最终更改字体之后才开始更新布局。另外,Flex需要协调布局操作以消除任何冗余过程,而不是在每个Flex组件更新它的字体大小之后都执行一次布局操作。

Flex使用“失效机制(invalidationmechanism)”来同步Flex组件的更改。Flex用一系列方法的调用,比如在setter方法内监控一个变更变量来标记Flex组件的某些东西已经发生变化,然后在下一个“渲染事件(renderevent)”中触发Flex组件的commitProperties(),measure(),layoutChrome(),updateDisplayList()检查这些布尔变量来完成最终的变更逻辑。这样做的额外好处就是setter方法可以更迅速地返回,把对新属性值的处理留给了commitProperties()方法。

失效方法及其对应的触发函数如下:

invalidateProperties()通知Flex组件,以使下次屏幕更新时,它的commitProperties()方法被调用。

invalidateSize()通知Flex组件,以使下次屏幕更新时,它的measure()方法被调用。

invalidateDisplayList()通知Flex组件,以使下次屏幕更新时它的layoutChrome()方法和

updateDisplayList()方法能被调用。

当Flex组件调用一个“失效”方法时,它就通知Flex该Flex组件已经被更新。当多个Flex组件调用失效

方法,Flex会在schedules中协调这些更新,以使这些更新操作在下一次屏幕更新时一起执行。注意,createChildren()没有对应的失效方法,它会在调用后被立即执行。
分享到:
评论

相关推荐

    【完美翻译】Flex组件的生命周期

    Flex组件的生命周期是Adobe Flex框架中一个至关重要的概念,它涉及到UIComponent类及其子类(如Button、Canvas等)在创建、初始化、显示和销毁过程...对于深入学习Flex组件生命周期,这份资料将是一份宝贵的参考资料。

    flex 4 生命周期

    通过深入理解组件和框架的生命周期,开发者能够优化性能,减少潜在问题,并且更好地利用Flex 4提供的高级特性,如States和Effects,为用户提供更优秀的交互体验。通过阅读源代码、参与社区讨论和持续学习,开发者...

    理解Flex3组件和框架的生命周期.pdf

    ### 理解Flex3组件和框架的生命周期 #### 简介 Adobe Flex 是一款强大的框架,用于构建丰富的互联网应用程序 (RIA)。虽然 Adobe 提供了大量的文档支持,但理解和掌握 Flex 组件及其框架的生命周期仍然是一个挑战。...

    Flex 自定义组件ImageViewer

    组件生命周期是每个Flex组件从创建到销毁所经历的一系列阶段。理解组件生命周期至关重要,因为它涉及到组件何时初始化、何时准备显示、何时接收用户输入以及何时被销毁。以下是一些关键的生命周期方法: 1. **...

    flex 不错的教程

    了解Flex组件生命周期对于进行任何严肃的Flex开发至关重要,而这份教程正好提供了相关的深入知识。 总结来说,Flex在企业级应用开发领域长期以来一直是一个出色的选择,提供了一个成熟的UI框架、交互式调试器以及一...

    精讲Flex4组件开发(附源码)

    Flex4,也称为Flash ...总的来说,通过深入学习这个主题,开发者将能够熟练掌握Flex4的组件开发技术,包括Spark架构的使用、组件生命周期的管理以及如何创建和定制自定义组件,从而提升在RIA开发领域的专业技能。

    Flex轮弹组件

    3. Flex组件生命周期:从创建到销毁的过程,包括初始化、测量、布局、绘制等阶段。 4. Event-driven编程:Flex应用主要依赖事件驱动模型,轮弹组件会监听并响应用户的滚动操作。 5. 组件状态管理:了解组件在不同...

    Flex3学习指南-是初学者学习Flex必备资料1

    11. **Flex应用生命周期**:从初始化、创建到销毁,Flex应用有一套完整的生命周期管理,理解这个过程对优化性能和资源利用至关重要。 12. **Flex与AIR**:Adobe AIR(Adobe Integrated Runtime)允许Flex应用脱离...

    flex学习笔记 flex学习总结 flex学习教程

    8. **Flex应用程序生命周期**:理解Flex应用从启动到关闭的整个过程,包括初始化、布局、渲染、事件处理等阶段,有助于优化性能和解决运行时问题。 9. **Flex性能优化**:学习如何通过优化组件使用、减少网络请求、...

    flex 超炫组件 coverflow 组件源码

    1. **组件设计模式**:Coverflow组件是基于Flex的组件模型设计的,这包括MXML和ActionScript的结合使用,以及组件生命周期的理解(如initialize、creationComplete等事件)。 2. **3D效果实现**:在Flex中,可以...

    Flex4 Life cycle

    5. **事件处理**:Flex组件生命周期中,事件处理是非常关键的一环。组件可以监听并响应各种事件,例如用户输入、数据变化等。事件处理通常发生在`enterFrame`事件期间,这是处理动画和实时交互的理想时机。 6. **...

    flex深入学习

    第3章 "Flex深入学习(二)理论" 可能进一步深入到Flex组件库和用户界面设计。Flex提供了一套丰富的预定义组件,如按钮、文本框、列表等,使得开发者能够快速构建用户界面。本章可能详细讨论如何自定义组件,以及如何...

    flex自定义组件事件DEMO

    在Flex编程中,自定义组件是提升应用可扩展性和复用性的重要...通过这个DEMO,开发者可以学习到如何有效地扩展Flex组件库,构建具有交互性和复杂性的用户界面。记得动手实践,不断探索和优化,才能真正掌握这一技能。

    Flex的组件

    2. **组件生命周期**:每个Flex组件都有自己的生命周期,包括创建、初始化、显示、隐藏和销毁等阶段。理解这些阶段对于优化性能和处理组件状态至关重要。 3. **组件属性和事件**:每个组件都有一系列可配置的属性,...

    Flex系统源码

    5. **组件生命周期**: Flex组件有特定的生命周期,包括创建、初始化、测量、布局和绘制等阶段。理解组件生命周期对于优化性能和处理组件状态至关重要。 6. **数据绑定**: Flex中的数据绑定允许UI元素的值自动与模型...

    Flex3学习指南-是初学者学习Flex必备资料2

    8. **Flex应用程序生命周期**: 了解Flex组件的创建、初始化、显示和销毁过程对于优化性能和管理内存至关重要。 9. **Flex模块化开发**: Flex支持模块化,允许将大型应用程序分解为可独立加载的单元,从而改善加载...

    flex全书籍 flex全书籍

    7. **Flex应用生命周期**:从初始化、布局计算、绘制到事件处理,理解Flex应用的生命周期对于优化性能和解决运行时问题至关重要。 8. **Flex图表和可视化**:Flex SDK提供了丰富的图表组件,可以创建各种统计图表和...

    Flex学习四宝贝之一 《使用ActionScript 3.0组件》

    2. 生命周期管理:每个组件都有其特定的生命周期阶段,包括构造、初始化、显示、运行和销毁。理解这些阶段可以帮助开发者在合适的时间进行资源分配和释放,优化性能。 3. 事件处理:ActionScript 3.0中的事件模型是...

    Flex Air 学习资料\01.Flex概述.rar

    Flex Air 是Adobe公司推出的一种富互联网应用程序(RIA)开发框架,它允许开发者创建可以在桌面和Web上运行的应用程序。此“Flex Air 学习资料\01....了解这些基础知识,将为深入学习Flex Air的高级特性打下坚实基础。

Global site tag (gtag.js) - Google Analytics