模塊(Module)開發(fā)的優(yōu)點(diǎn)自不待說。Flex Project中建立多個(gè)Application，并不能減少主文件swf的體積，可能還會(huì)增加。Module是編譯進(jìn)另一個(gè)swf實(shí)體，自然減少了主 swf的體積。BTW，在創(chuàng)建Module時(shí)，注意選擇關(guān)聯(lián)的主swf，這可以使Module減肥不少，原理不再絮叨。
--=========================================================================
下面開始完成這次實(shí)踐吧
1）創(chuàng)建myComponent/LoginComponent.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="344" height="208" backgroundColor="#F3E8BA">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function getUserName():void{
Alert.show(username.text);
}
]]>
</mx:Script>
<mx:TextInput x="92" y="45" id="username"/>
<mx:Button x="126" y="105" label="Show Name" click="getUserName()"/>
</mx:Canvas>
2）創(chuàng)建ModuleTest.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
width="530" height="394" backgroundColor="#F5BFBF" xmlns:mp="myComponent.*">
<mp:LoginComponent x="93" y="67"/>
</mx:Module>
3）編譯ModuleTest.mxml
在命令行CMD進(jìn)入后輸入 mxmlc ModuleTest.mxml (這里要寫上ModuleTest.mxml的絕對路徑 )
4）創(chuàng)建 Main.mxml 主應(yīng)用程序
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style source="CssTest.css" />
<mx:Script>
<![CDATA[
//利用ModuleLoader加載模塊
public function addMod():void{
mod1.url="ModuleTest.swf";//url指向modOne.mxml
mod1.loadModule();//發(fā)出指令調(diào)用模塊
}
]]>
</mx:Script>
<mx:panel>
<mx:ModuleLoader x="409" y="76" url="ModuleTest.swf"/>
<mx:ModuleLoader x="409" y="110" id="mod1"/>
<mx:Button x="918" y="499" label="Add Module" click="addMod()"/>
</mx:panel>
</mx:Application>
注：本例中嘗試了兩種方法載入module
<mx:ModuleLoader x="409" y="76" url="ModuleTest.swf"/> 是直接載入MODULE
<mx:ModuleLoader x="409" y="110" id="mod1"/>
<mx:Button x="918" y="499" label="Add Module" click="addMod()"/> 則是通過接口方式來載入MODULE