修正Flex Builder3中自带ModuleManager加载的例子

最新推荐文章于 2015-03-27 21:22:42 发布

最新推荐文章于 2015-03-27 21:22:42 发布 · 150 阅读

文章标签：

#Flex #Adobe #XML

Flex 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在Flex中正确使用Module技术来实现组件间松耦合并减小主swf文件大小。通过修改ModuleManager加载示例，使用父类Module替代具体模块类进行实例化。

<?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文件大小就会减少。