Flex Application 初始化顺序

Flex应用程序共由两帧组成，第1帧为preloader部分，第2帧为主应用程序部分，此两部分由Flex应用程序 的根SystemManager统管，SystemManager是flash.display.MovieClip的子类，影片剪辑（movie clip）支持帧。由于swf属于一种渐进式（progressive）下载的格式，正是由于swf格式这个特性，Flash Player并不需要等待整个程序下载完成便可直接访问已载入帧的内容，因此第一帧通常用来作为应用程序载入时的loading画面显示，一般来说，第一 帧包含的内容应该尽可能的少（在第一帧中尽量不要含有Flex框架的组件），以便能很快的下载并立即显示；第二帧才是主应用程序真正的内容，一旦 SystemManager实例进入到第二帧后，即开始内部主应用程序运行的生命周期（life cycle），也就是进入我们最为熟悉的<mx:Application>运行的部分（SystemManger实例有一 application的属性，在第1帧时，此属性为null，当进入到第2帧时，该属性才指向真正的主程序application实例）记住我们开始所说的，Flex应用程序总的来说是以事件驱动的程序。

在程序进入第2帧，主程序application开始运行后，便会相应的触发相应的一系列事件，按事件发生的先后顺序依次来介绍：

preinitialize

应用程序application已实例化，但此时还未创建任何相关的孩子组件（child component）

initialize

此时，创建了相应的孩子组件，但还未对这些子组件进行布局

creationComplete

应用程序application完成全部实例化，并完成所有子组件的布局

apllicationComplete

上面三处事件的完成，表明application内部启动的整个进程完成，接下来便会通知SystemManager派发applicationComplete事件。此时，启动程序启动完成并准备运行。

 

Flash包含的是一个时间线上的多个帧, 而Flex的SWF只包含2个帧. SystemManager, Preloader, DownloadProgressBar和少量工具类都在第一帧, 剩下的包括应用代码/ 内嵌资源全都在第二帧中. 当Flash Player下载下载SWF时, 只要接收到第一帧内足够的数据, 就会实例化SystemManager, 由它来创建Preloader, 然后创建DownloadProgressBar, 这两个对象会察看剩余字节的传输过程. 当第一帧的所有字节传输完毕后, SystemManager发送enterFrame到第二帧, 然后是其他事件. 最后Application对象派发applicationComplete事件.
SystemManager是Flex应用的主控者, 它控制着应用窗口, Application实例, 弹出窗口, cursors, 并管理着ApplicationDomain中的类. SystemManager是FlashPlayer实例化的第一个类, 它存储了主应用窗口的大小和位置信息, 保存其子组件比如:浮动弹出窗口和模态窗口的痕迹. 通过SystemManager可以获得内嵌字体,样式和document对象.
自定义的可视化组件(UIComponent的子类)只有在调用过addChild()后, 才会有一个SystemManager赋给他们, 之前是Null. 所以在自定义可视化组件的构造函数中不要使用SystemManager.
通常, Application对象创建时, 发生如下事件:

1. 实例化Application对象
2. 初始化Application.systemManager
3. Application在初始化过程之前, 派发预初始化事件.
4. 调用createChild(). 此时, 所有应用组件被创建, 所有组件的createChild()被调用.
5. Application派发初始化事件, 表明所有的组件初始化完毕.
6. 派发creationComplete事件
7. Application对象添加到显示列表中
8. 派发applicationComplete事件

大多数情况下, 我们使用<mx:Application>来创建application对象, 但如果使用ActionScript来创建的话, 那么建议不要在application的构造函数中创建组件, 推荐在crateChildren函数中, 主要是从性能方面考虑.
Flex 是一个事件驱动的编程模型, 任何事情的发生, 其背后必然存在一个事件. 而开发者第一次看到MXML时, 很难体会到一个Xml标记的应用的事件流和实例化的生命周期. 这个对于HTML和Flash的开发者尤其会感到困惑, 因为其熟悉的方式与Flex的一点也不相似. HTML的实例化是从上到下的, Flash的执行是从Frame0开始一帧帧运行的. 而Flex则又有不同.

 

<?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" backgroundColor="#3A6EA5" 
      preinitialize="report(event,'preinitialize')"
      initialize="report(event,'initialize')"
      creationComplete="report(event,'creationComplete')"
      applicationComplete="report(event,'applicationComplete')">
<s:layout>
   <s:BasicLayout/>
</s:layout>

<fx:Script>
   <![CDATA[
   
    [Bindable] 
   
    public var outTextData:String=""; 
   
    public function report( event:Event , value:String ):void 
    { 
     outTextData += String( flash.utils.getTimer() ) + 'ms >> ' 
      + event.currentTarget + '.' + value + '\n'; 
    
    } 
   ]]>
</fx:Script>
<s:HGroup x="6" y="10" width="100%" height="47"
     preinitialize="report(event,'preinitialize')"
     initialize="report(event,'initialize')"
     creationComplete="report(event,'creationComplete')">
   <s:Button label="clear" height="43" width="291"
      preinitialize="report(event,'preinitialize')"
      initialize="report(event,'initialize')"
      creationComplete="report(event,'creationComplete')"
      rollOver="report(event,'rollOver')" 
      rollOut="report(event,'rollOut')" fontSize="15" fontWeight="bold"
      click="outTextData='';" />
</s:HGroup>
<s:TextArea x="10" y="65" width="100%" height="309" borderAlpha="0.3" text="{outTextData}"
     preinitialize="report(event,'preinitialize')"
     initialize="report(event,'initialize')"
     creationComplete="report(event,'creationComplete')"
     color="0xEF0D0D" contentBackgroundAlpha=".7"/>
</s:Application>