Flex 之 ModuleManager 预载入 Module

Main0.mxml

 

<?xml version="1.0" encoding="utf-8"?>
<!--
目的：    希望找出一个能预先下载Module 并保留其引用，需要再次显示时无需重新load，并保留其状态。
优点：    使用模块化的Application的尺寸比较小，可以边显示变预载入以后要用到的资源。
作者：    笑看人生 [e-mail]
日期：    2008/05/26
遗留问题：下面的结构也许并非优良，但仅仅是为了练手用而已！
注意：    需要手动编译相应的模块 如 CMD> mxmlc Mod0.mxml; 详见 Flex Builder 帮助文档。
参考：    Flex Builder 的帮助文档中 Advanced Flex Programming >> Creating Modular Applications 
方法如下：

-->

<mx:Application xmlns:mx="" layout="absolute" 
	creationComplete="onMyInit(event);" >
<mx:Script>
    <![CDATA[
    	import mx.controls.Label;
        import mx.managers.SystemManager;
        import mx.events.ModuleEvent;
        import mx.modules.ModuleManager;
        import mx.modules.IModuleInfo;
        import mx.controls.Alert;
        import mx.events.FlexEvent;
        
        
// 该 Object[key] 是一个对象，Object[key]["IModuleInfo"], Object[key]["ModuleEvent"], 
// Object[key]["Object"] 分别保存 相应的 IModuleInfo, Error事件和载入后的模块。
        private var modules:Object = {}; 
        private var arr:Array = ["Mod0.swf", "Mod1.swf"];

// 启动预载入，这个开始时间应灵活设定，我这里是Application 创建完毕。  
// 注意： 此例中 var info:IModuleInfo 的作用于是 onMyInit 函数内，貌似它必须在该Application中保持
//       一个引用才不发生错误，如果没有 A1 那一行，将不会触发 READY 事件！而且不能是同一个 IModuleInfo
//       来加载多个模块，会造成只有最后一个才能载入成功！     
        private function onMyInit(event:Event):void
        {             
            for(var i:int = 0; i<arr.length; i++)
            { 
                var url:String = this.url.substr(0, this.url.lastIndexOf("/"))+"/"+arr[i];
                //Alert.show("==="+arr[i]);
                var info:IModuleInfo = null;
            	info =  ModuleManager.getModule(url);
            	info.addEventListener(ModuleEvent.ERROR, onLoadError);
            	info.addEventListener(ModuleEvent.READY, onLoadReady);           
            	info.load();
            	modules[arr[i]] = {};
            	modules[arr[i]]["IModuleInfo"] = info; // A1
            }
        }
        private function onLoadError(event:ModuleEvent):void
        {
        	var info:IModuleInfo = event.currentTarget as IModuleInfo;
        	var key:String = info.url.substr(info.url.lastIndexOf("/")+1);
        	modules[key]["ModuleEvent"] = event;
        	Alert.show("onLoadError" + event.errorText);
        }
        private function onLoadReady(event:ModuleEvent):void
        {
        	var info:IModuleInfo = event.currentTarget as IModuleInfo;
        	var key:String = info.url.substr(info.url.lastIndexOf("/")+1);
        	//Alert.show("??="+key);
        	modules[key]["Object"] = info.factory.create();
        }
// 由于欲载入与显示动作可能同时开始，所以，需要判断欲载入是否已经载入完毕。        
        private function show(str:String):void
        {
        	//Alert.show("!=="+str);
        	content.removeAllChildren();
        	if (modules[str] == null)
        	{
        		Alert.show("Error : modules["+str+"] is undefined!");
        	}
        	if (modules[str]["Object"] != null)
        	{
        		content.addChild(modules[str]["Object"]);
        		return;
        	}
        	if ( modules[str]["ModuleEvent"] != null)
        	{
        		var lbl:Label = new Label();
        		lbl.text = (modules[str] as ModuleEvent).errorText;
        		content.addChild(lbl);
        		return;
        	}
        	// 这种情况应当是不会发生的。
        	if (modules[str]["IModuleInfo"] == null)
        	{
        		var lbl:Label = new Label();
                lbl.text = "ERROR : Content["+str+"] is not pre loaded!";
                content.addChild(lbl);
                return;
        	}
        	
        }
        
    ]]>
</mx:Script>
<mx:VDividedBox x="64" y="10" height="100%" width="100%">
    <mx:Panel id="navigator" width="100%" height="25%">
       <mx:Canvas width="100%" height="100%">
           <mx:RadioButtonGroup id="radiogroup1" change="show(radiogroup1.selectedValue as String)"/>
           <mx:RadioButton x="10" y="10" label="AAA"  value="{arr[0]}" groupName="radiogroup1"/>
           <mx:RadioButton x="64" y="10" label="BBB"  value="{arr[1]}" groupName="radiogroup1"/>
       </mx:Canvas>
    </mx:Panel>
    
    <mx:Panel id="content" width="100%" height="75%">
    </mx:Panel> 
</mx:VDividedBox>


</mx:Application>

 

Mod0.mxml

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="" width="400" height="300">
	<mx:Button x="10" y="10" label="AAA"/>
    <mx:TextInput x="85" y="10"/>
</mx:Module>

 

Mod1.mxml

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="" width="400" height="300">
    <mx:Button x="10" y="10" label="BBB"/>
    <mx:TextInput x="85" y="10"/>
</mx:Module>