UIComponent的生命周期(life cycle)--转自N神的日志

最新推荐文章于 2023-04-06 09:39:15 发布

转载最新推荐文章于 2023-04-06 09:39:15 发布 · 1k 阅读

文章标签：

#function #initialization #actionscript #components #constructor #construction

RIA 专栏收录该内容

178 篇文章

订阅专栏

本文详细介绍了 Flex 中 UIComponent 的生命周期，重点分析了初始化过程。通过一个实例代码展示了构造、附加及初始化等各阶段事件触发的顺序。

我只转载我认为十分有意义的技术内容。N神的这篇当然值得，作为为数不多的RIA的初期技术BLOG希望他继续有这样的贡献，感激不尽

　　写flex组件,了解UIComponent的生命周期(life cycle)很重要,尤其是初始化(initialization)的过程很复杂,贴个文件可以很容易看清这个顺序
　　文件如下:
　　package
　　{
　　import flash.events.Event;
　　
　　import mx.core.UIComponent;
　　import mx.events.FlexEvent;
　　
　　public class UILifeCycle extends UIComponent
　　{
　　public function UILifeCycle()
　　{
　　super();
　　trace("***[ constructor ]");
　　
　　//flash.events.Event
　　this.addEventListener(Event.ADDED,onAdded);
　　this.addEventListener(Event.ADDED_TO_STAGE,onAddedToStage);
　　this.addEventListener(Event.REMOVED,onRemoved);
　　this.addEventListener(Event.REMOVED_FROM_STAGE,onRemovedFromStage);
　　
　　//mx.events.FlexEvent;
　　this.addEventListener(FlexEvent.ADD,onAdd);
　　this.addEventListener(FlexEvent.REMOVE,onRemove);
　　this.addEventListener(FlexEvent.PREINITIALIZE,onPreinitialize);
　　this.addEventListener(FlexEvent.INITIALIZE,onInitialize);
　　this.addEventListener(FlexEvent.CREATION_COMPLETE,onCreationComplete);
　　
　　}
　　
　　//flash.events.Event
　　private function onAdded(eo:Event):void{trace(eo.toString())};
　　private function onAddedToStage(eo:Event):void{trace(eo.toString())};
　　private function onRemoved(eo:Event):void {trace(eo.toString())};
　　private function onRemovedFromStage(eo:Event):void {trace(eo.toString())};
　　
　　//mx.events.FlexEvent;
　　private function onAdd(eo:FlexEvent):void {trace(eo.toString())};
　　private function onRemove(eo:FlexEvent):void{trace(eo.toString())};
　　private function onPreinitialize(eo:FlexEvent):void{trace(eo.toString())};
　　private function onInitialize(eo:FlexEvent):void{trace(eo.toString())};
　　private function onCreationComplete(eo:FlexEvent):void{trace(eo.toString())};
　　
　　override protected function createChildren():void{trace("***[ createChildren ]")}
　　override protected function commitProperties():void{trace("***[ commitProperties ]")}
　　override protected function measure():void{trace("***[ measure ]")}
　　override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void{trace("***[ updateDisplayList]")}
　　
　　}
　　}
　　拖到舞台上发布就可以看到trace信息了
　　***[ constructor ]
　　[Event type="added" bubbles=true cancelable=false eventPhase=2]
　　[Event type="add" bubbles=false cancelable=false eventPhase=2]
　　[Event type="preinitialize" bubbles=false cancelable=false eventPhase=2]
　　***[ createChildren ]
　　[Event type="initialize" bubbles=false cancelable=false eventPhase=2]
　　***[ commitProperties ]
　　***[ measure ]
　　***[ updateDisplayList]
　　[Event type="creationComplete" bubbles=false cancelable=false eventPhase=2]
　　[Event type="addedToStage" bubbles=false cancelable=false eventPhase=2]
　　如果想详细的了解各个部分请看
　　本站推荐过的<Programing Flex 2>那本书的最后一章
　　或者在自带的帮助中找Creating and Extending Flex 3 Components / Creating ActionScript Components / Creating Advanced Visual Components in ActionScript
　　偶简单总结了一下
　　组件的life cycle包含3个阶段:initialization, update, destruction.
　　initialization阶段又包括construction部分, attachment部分,和initialization部分,直接看偶下边画的图吧
　　
　　
　　
　　.....

本文转自
http://www.nshen.net/blog/article.asp?id=519