第一种方法如下:
1、建立一个MXML Module的工程文件,然后再建立一个MXML Application文件,如果想要在新建立的MXML Application文件中引入MXML Module的工程文件,我们只需要从Components面板中Custom子面板中找到我们刚才新建立的MXML Module的工程文件并且拖入到MXML Application文件中即可。
2、代码事例:
MXML Module的工程文件内容:
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function showModuleMessage():void
{
Alert.show("点击模块");
}
]]>
</mx:Script>
<mx:Button x="167" y="130" label="Button" click="showModuleMessage()"/>
</mx:Module>
MXML Module的工程文件内容:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="*">
<mx:Panel y="10" width="90%" height="90%" layout="absolute" title="Layout例子" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10" fontSize="14" x="10">
<mx:HDividedBox x="0" y="0" width="100%" height="100%">
<mx:Canvas width="100%" height="100%" backgroundColor="#FFFFCC">
<mx:Label x="52" y="30" text="左边的容器"/>
<ns1:ModuleStu x="-99.5" y="61" id="currentModule" >
</ns1:ModuleStu>
</mx:Canvas>
<mx:Canvas width="100%" height="100%" backgroundColor="#FFFFCC">
<mx:Label x="65" y="36" text="右边的容器"/>
</mx:Canvas>
</mx:HDividedBox>
</mx:Panel>
</mx:Application>
第二种方法如下:
1、如果上面的代码可以说通过拖拉自动实现,那么第二种方法则是通过手动写代码的方式实现的。通过使用ModuleLoader标签来实现的。
2、代码事例:
MXML Module的工程文件内容同上。
MXML Module的工程文件内容:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
private function loadModule(url:String):void
{
currentModule.url=url;
currentModule.loadModule();
}
]]>
</mx:Script>
<mx:ModuleLoader width="50%" height="50%" id="currentModule" click='loadModule("ModuleStu.swf")' horizontalCenter="0" verticalCenter="0">
</mx:ModuleLoader>
</mx:Application>