Flex ModuleLoader和ModuleManager的区别、ModuleManager加载模块实例
加载模块简单来说有2种方式,一种是较为简单的使用ModuleLoader,另一种是使用ModuleManager。
ModuleManager类提供了低层次的处理Module的装载卸载以及事件响应等的变成接口。这种方式比起纯粹的ModuleLoader方式稍微复杂一点,但是ModuleManager提供了比ModuleLoader更加强大的能力来管理Module模块的加载过程。
ModuleManager类负责管理加载的模块。当public的ModuleLoader.loadModule和ModuleLoader.unloadModule方法被调用时,组件其实在内部与这个管理器进行通信。你可以用ActionScript直接访问ModuleManager管理的那些模块。当将模块的URL传递到public的ModuleManager.getModule方法中时,则该模块位置就被添加到被管理模块列表中,并返回一个mx.modules.IModuleInfo的实例。
模块本质上就是ModuleManager中private的ModuleInfo类的实例。ModuleInfo对象负责加载SWF文件,并被封装成一个实现了IModuleInfo接口的代理类,由ModuleManager.getModule方法返回。你可以监听这个代理类上的状态事件,以便更好地控制应用程序如何与加载的模块进行交互。
下面的例子使用了ModuleManager来控制将模块添加到容器中显示。
<?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/mx" viewSourceURL="srcview/index.html"><s:layout><s:VerticalLayout/></s:layout><fx:Script><![CDATA[import mx.core.IVisualElement;import mx.events.ModuleEvent;import mx.modules.IModuleInfo;import mx.modules.ModuleManager; private var _moduleInfo:IModuleInfo; private function creationHandler():void { _moduleInfo = ModuleManager.getModule("com/myflexhero/MyFlexHeroTest.swf"); _moduleInfo.addEventListener( ModuleEvent.READY,moduleLoadHandler ); _moduleInfo.addEventListener( ModuleEvent.PROGRESS,onModuleProgress); _moduleInfo.load(); } private function moduleLoadHandler(event:ModuleEvent ):void { BorderContainer.addElement( _moduleInfo.factory.create() as IVisualElement); } protected function onModuleProgress (e:ModuleEvent) : void { label.text = "[MyFlexHero]:ModuleEvent.PROGRESS 当前已经加载了: " + e.bytesLoaded + " of " + e.bytesTotal + " loaded."; } ]]></fx:Script> <s:BorderContainer id="BorderContainer" width="500" height="200" /><s:Label id="label" text="[MyFlexHero]:"/><s:Button label="点击加载" click="creationHandler()"/></s:Application>
<?xml version="1.0" encoding="utf-8"?><mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" layout="absolute" width="100%" height="100%"> <s:Panel title="MyFlexHeroTest"><s:Label text="Hello World!"> </s:Label></s:Panel></mx:Module>