<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ import mx.events.ModuleEvent; import mx.modules.ModuleManager; import mx.modules.IModuleInfo; import mx.modules.Module; public var info:IModuleInfo; private function addMod():void { info=ModuleManager.getModule("MyModule.swf"); info.addEventListener(ModuleEvent.READY, modEventHandler); info.load(); } private function modEventHandler(e:ModuleEvent):void { // Add an instance of the module's class to the // display list.; panel.addChild(info.factory.create() as Module); } ]]> </mx:Script> <mx:Panel id="panel"> <mx:Button x="918" y="499" label="Add Module" click="addMod()"/> </mx:Panel> </mx:Application>
Flex使用Module技术不但实现组件间的松耦合,而且减少单个swf文件大小。可是Flex Builder3中自带帮助Advanced Flex Programming / Creating Modular Applications 中给出的ModuleManager加载例子有误不能起到减少swf的作用,这里对该代码进行下修改。
原先例子中as的类型就是我们自己定义的ModuleTest类本身,这就造成了主swf对MyModule的引用!编译时主swf就会将MyModule.mxml一同链进去,从而增加了主swf的大小,这是我们不愿意看到的。
panel.addChild(info.factory.create() as MyModule);
解决方法使用MyModule的父类Module作为对象实例化的类型,这里可以当做是使用接口进行实例化。这样主swf文件大小就会减少。