SystemManager如何工作

Flex SystemManager类的职责

SystemManager类的职责是配置并启动Flex应用程序。SysemManager的一项重要工作就是实例化Application,并将Application实例添加到Flash Player的displayList中。它还被用作Flex应用中一些顶级元素(如 popups、tooltips、cursors等)的载体,除此之外,它也负责这些顶级元素的焦点(focus)管理。SystemManager实例化还你的Applicaion,并将它添加到Flash Player的displayList中。

当Flex SWF文件被客户端请求时,SWF文件会以“流”的形式不断流向客户端的Flash Player。我们说下这期间都发生些什么事情。

首先,Flex SWF是一个两帧动画。第一帧包含Systemmanager、Preloader、DownloadProgressBar类,还有其他一些相关的功能类。DownloadProgressBar控件是由Preloader类创建的,用来显示当前加载初始化的进度。因为第一帧不能太大,所以Flex SWF把剩下的东东都放在的第二帧了。第二帧包含的东东很多,有Flex框架的其他代码、Application的代码、还有Application的其他资源(如嵌入字体、图片等等)。通过使用这两帧,我们可以利用Flash Player内置的streaming(流)支持,在Flex框架代码、application代码、嵌入资源没有加载完成之前,用Preloader显示Flex SWF的加载进度。这和在FlashIDE中创建预加载很像。


需要注意的是,如果第一帧的字节没有完全加载,就不能访问第一帧上的类,尝试New 实例化的话会抛出运行时错误。在Flash IDE中的2帧实现可以参考另一篇文章“关于“为Actionscript导出”与“在第一帧导出””。

下面我们说一下Flex SWF被请求后都先后发生了什么事情。首先。第一帧的字节都“流”到客户端的Flash Player中后,Flash Player通过创建SystemManager实例来执行这些字节。SystemManager实例做的第一件事就是让动画停在第一帧,然后通过Preloader类创建DownloadProgressBar控件。然后DownloadProgressBar不断地检查从服务器的Flex SWF不断“流”进来的字节,并把加载进度体现在控件上。一旦所有的字节都“流”进来后,SystemManager实例会让动画走到第二帧,然后开始实例化Application。

Application实例被创建后,SystemManager实例马上执行一件相当重要的任务,那就是把Application实例的systemManager属性指向自己。这就是为什么在Application实例化以后,我们还能访问到systemManager实例。然后application实例就开始创建子空间。当application实例的子控件创建完成并设定尺寸、位置后,application发布creationComplete事件。creationComplete事件发布后,Preloader将删除DownloadProgressBar控件,systemManager实例则把application实例添加到flash Player的displayList中。

Application实例被添加到displayList后,application实例发布applicationComplete事件。到现在,flex应用程序就创建并配置好,可以运行了。

继续深入了解SystemManager

SystemManager类扩MovieClip,是个功能及其强劲的影片剪辑。它的详细职责如下:

l 创建并初始化preloader,显示应用Flex应用程序的加载进度;

l 管理运行时共享库(RSL)的加载;

l 管理模块(module)逻辑。如果SystemManager是SWF的root,它就知道它是个Flex App(Flex应用程序),如果不是SWF的root,它就知道它是个Flex module(Flex模块)。SystemManager必须在app和module之间进行事件通讯(如鼠标事件和键盘事件);

l 管理从Stage发布的Event.RESIZE事件;

l 管理嵌入字体列表;(关于字体嵌入,请看另一篇文章“字体嵌入及应用”);

l 初始化一些管理单例类(如ResourceManager和StylesManager);

l 管理顶级的应用程序窗口。SystemManager维护一个cursorChildren列表和popUpChildren列表。他们分别用作实现tooltips和pop-up windows。

l 一旦Flex SWF文件的所有代码都加载完毕,SystemManager创建你的Application的实例并调用此实例的initialize方法。

l 一旦application实例发布它的FlexEvent.CREATION_COMPLETE事件,SystemManager将此实例添加到stage上。这就是为什么在FlexEvent.CREATION_COMPLETE事件发布时,application实例中没有指向stage的引用。而其他的组件在FlexEvent.CREATION_COMPLETE时都有指向stage的引用。application实例在发布FlexEvent.APPLICATION_COMPLETE事件后,才有指向stage的引用。

显微镜下看SystemManager的工作细节

第一帧

l Stop();

l 监听Flash Player的Event.INIT事件

l Flash player发布Event.INIT事件

1. 获取root SystemManager(如果当前的systemManager不是SWF的root)

2. 监听Event.ENTER_FRAME事件

3. 创建preloader

4. preloader监听FlexEvent.PRELOADER_DOC_FRAME_READY事件

5. preloader监听Event.COMPLETE事件

6. 开始加载RTLs并等待

7. RTLs加载完毕,preloader发布FlexEvent.PRELOADER_DOC_FRAME_READY事件。

u 创建Timer,计划在100ms后执行nextFrame()函数。

8. preloader在发布FlexEvent.PRELOADER_DOC_FRAME_READY事件100ms后,preloader再发布Event.COMPLETE事件。

9. TimerEvent.TIMER事件发布,执行nextFrame()函数,触发Event.ENTER_FRAME事件。

注:相同颜色是对应的事件发布和事件监听。

第二帧

l 各种Managers初始化完毕

l Stage监听Event.RESIZE事件

l 创建Application的实例

l Application实例监听FlexEvent.CREATION_COMPLETE事件

l 执行nextFrame()函数

l Application发布FlexEvent.CREATION_COMPLETE事件

n 移除preloader

n 将application实例添加到Stage

n Application发布FlexEvent.APPLICATION_COMPLETE事件



在Flex中怎么会有这么多帧呢?

在Flex开发中,能在SWF的主时间轴上添加帧吗?当然可以。

通过使用一个没有文档说明的元标签(meta tag),我们可以的。此标签就是[Frame]。事实上它是 –frames编译选项的一个快捷方式。如果在Application类的顶部添加[Frame]元标签,Flex编译器会在Application类所在的帧的前面插入一帧,如果你在元标签中指定了factoryClass属性,Flex编译器会自动生成一个factoryClass属性指定的工厂类(factory class)的子类,然后将此子类放到新插入的帧上。打开mx.core.Application类,在顶部附件会看到这样的元标签:[Frame(factoryClass="mx.managers.SystemManager")]。这个元标签告诉Flex编译器在Application类所在的帧前插入一帧,然后再创建一个SystemManager类的子类,放到新插入的帧上。

你可以自定义自己的SystemManager类,只要它实现IflexModuleFactory接口,你的代码就会被编译。编译器会覆盖SystemManager类的info方法,返回一个包含Application信息的对象。这些Application信息包括在标签中定义的属性、嵌入字体列表、Application的名称等等。

通过[frame]元标签,你可以覆盖默认的SystemManager实现。如果此元标签出现在你的Application的基类,则会自动创建一个factoryClass属性指定的工厂类的子类。如果元标签直接出现在你的Application类中,编译器也能识别此元标签。实际上,在Application类中的元标签才是最终被使用的元标签。而编译器会不再为元标签中指定的工厂类创建子类了,而是直接使用它来创建第一帧。

题外话

在某种情况下,Flex应用程序可能有多个systemManager实例。比如说加载子模块时。你可以使用一下方法访问并管理这些systemManager实例。

import mx.managers.SystemManagerGlobals;

//top level list of system managers

var systemManagers:Array = SystemManagerGlobals.topLevelSystemManagers;

//length for efficiency

var lng:int = systemManagers.length;

for(var i:int = 0; i < lng; i ++){

//type with a wildcard because we may encounter systemManager or windowed system manager

var sm:* = systemManagers[i];

//logic

}

}

你可能感兴趣的:(Flex)