Module簡單介紹

Flex中, Modules是在一個application可用來load或unload外部swf的東西, Modules不可以被單獨執行, 要執行Modules的內容必定得在特定application中, 也就是多個applications可share某一個module. 使用Modules的主要好處是在需要的時候才動態的把不同module load進來, 並在不需要的時候unload來free memory, 以達到減小main application檔案大小的目的. 來看個例子吧~

http://140.112.31.185/flextest/moduleExample/moduleExample.swf

moduleExample.mxml (main application)
仔細注意可以看到是使用mx:ModuleLoader喔!
<br /> <mx:tabnavigator id="tn" width="100%" height="100%" creationpolicy="auto"><br /> 　　<mx:vbox id="vb1" label="Column Chart Module"><br /> 　　　　<mx:label id="l1" text="ColumnChartModule.swf"><br /> 　　　　<mx:moduleloader url="ColumnChartModule.swf"><br /> 　　</mx:VBox><br /> <br /> 　　<mx:vbox id="vb2" label="Pie Chart Module"><br /> 　　　　<mx:label id="l2" text="piehchartmodule.swf"><br /> 　　　　<mx:moduleloader url="piechartmodule.swf"><br /> 　　</mx:VBox><br /> <br /> 　　<mx:vbox id="vb3" label="Line Chart Module"><br /> 　　　　<mx:label id="l3" text="linehchartmodule.swf"><br /> 　　　　<mx:moduleloader url="linechartmodule.swf"><br /> 　　</mx:VBox><br /> </mx:TabNavigator><br />
LineChartModule.mxml (其它module依此類推)
注意開頭不再是mx:Application, 而是mx:Module喔!
<br /> <?xml version="1.0" encoding="utf-8"?><br /> <mx:module mx="http://www.adobe.com/2006/mxml" width="100%" height="100%"><br /> <mx:script><br /> 　　　<![CDATA[ 　　　　　　import mx.collections.ArrayCollection; 　　　　　　[Bindable] 　　　　　　public var expenses:ArrayCollection = 　　　　　　　　　new ArrayCollection([ 　　　　　　　　　　　　{Month:"Jan", Profit:2000, Expenses:1500, Amount:450}, 　　　　　　　　　　　　{Month:"Feb", Profit:1000, Expenses:200, Amount:600}, 　　　　　　　　　　　　{Month:"Mar", Profit:1500, Expenses:500, Amount:300} 　　　　　　]); 　　　]]><br /> </mx:Script><br /> <mx:linechart id="myChart" dataprovider="{expenses}" showdatatips="true"><br /> <mx:horizontalaxis><br /> <mx:categoryaxis dataprovider="{expenses}" categoryfield="Month"><br /> </mx:horizontalAxis><br /> <mx:series><br /> <mx:lineseries yfield="Profit" displayname="Profit"><br /> <mx:lineseries yfield="Expenses" displayname="Expenses"><br /> </mx:series><br /> </mx:LineChart><br /> <mx:legend dataprovider="{myChart}"> <br /> </mx:Module><br /> <br /> <br />