关于flex组建加载的总结
组件的初始化顺序：
preinitialize
在所有的初始化之前触发,没有子组件的定义,但是可以引用组件的变量.
initialize
当所有子组件生成完成后触发,在这个时间点还没有组件被渲染出来.
creationComplete
组件定义完成并已经在显示列表.
applicationComplete
所有的组件初始化完成并显示；只适用于Application组件。
先考虑四个关键字，在考虑组件的内外层关系。
preinitialize按组件从外向内执行。
initialize、creationComplete按组件从内向外执行。
某组件的preinitialize事件发生后其id才能被其他的组件使用(即id的构造从外向里)。
某组件的initialize事件发生后才给此组件的其他属性赋值。
看下面的例子：
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
????? xmlns:s="library://ns.adobe.com/flex/spark"
????? xmlns:mx="library://ns.adobe.com/flex/halo"
????? minWidth="1024" minHeight="768"
????? preinitialize="a1();" initialize="b1();"
creationComplete="c1();" applicationComplete="d1();">
<fx:Script>
?? <![CDATA[
??
??? private var i:int = 0;
???? private function a1():void{
??????? trace("a1");
???? }
???? private function a2():void{
????? trace("a2");
????? trace("+++" + labelID + "+++");
???? }
???? private function a3():void{
????? trace("a3");
????? trace("***" + labelID + "***");
???? }
???? private function b3():void{
????? trace("b3");
???? }
???? private function b2():void{
????? trace("b2");
???? }
???? private function b1():void{
????? trace("b1");
???? }
???? private function c3():void{
????? trace("c3");
???? }
???? private function c2():void{
????? trace("c2");
???? }
???? private function c1():void{
????? trace("c1");
???? }
?????? private function d1():void{
??????? trace("d1");
???? }
?????? public function text3():String{
????? trace("==="+labelID+"===");
????? i++;
????? trace("呵呵呵" + i);
??????? return "哈哈" + i;
???? }
??
?? ]]>
</fx:Script>
<mx:Panel preinitialize="a2();" initialize="b2();" creationComplete="c2
();" >
??? <mx:Label id="labelID" text="{text3()}" preinitialize="a3
();" initialize="b3();" creationComplete="c3();"/>
</mx:Panel>
</s:Application>
输出结果为：
===null===
呵呵呵1
a1
a2
+++null+++
a3
***ss.ApplicationSkin2._ApplicationSkin_Group1.contentGroup.Panel5.labelID***
b3
===ss.ApplicationSkin2._ApplicationSkin_Group1.contentGroup.Panel5.labelID===
呵呵呵2
b2
b1
c3
c2
c1
d1
为了便于理解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事件没有发生。
?
