Flex 使用ModuleLoader加载模块及卸载模块的实例

最新推荐文章于 2017-02-03 17:11:00 发布

转载最新推荐文章于 2017-02-03 17:11:00 发布 · 4.9k 阅读

文章标签：

#flex #library #application #encoding #function #button

Flex Module 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用Adobe Flex进行模块动态加载的应用案例。通过定义不同模块的URL并利用ModuleLoader组件来实现模块的显示切换，展示了如何在一个Flex应用中根据不同操作加载不同的子模块。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   viewSourceURL="srcview/index.html">
	<fx:Script>
		<![CDATA[
			private function displayModule( moduleUrl:String ):void  
			{  
				 var url:String = moduleLoader.url;  
				if( url == moduleUrl ) return; 
				if( url != null ) moduleLoader.unloadModule();  
			 	moduleLoader.url = moduleUrl;  
			 }  
 
			private function showHandler():void  
			{ 
			   displayModule( "com/myflexhero/MyFlexHeroTest.swf" ); 
			} 
 
			private function enterHandler():void 
			{ 
				displayModule( "com/myflexhero/MyFlexHeroTest1.swf" ); 
			}  
 
		]]>
	</fx:Script>
	<mx:Panel title="MyFlexHero say:" width="350" height="210" horizontalAlign="center" verticalAlign="middle"> 
		<mx:ModuleLoader id="moduleLoader" height="140" width="200" /> 
		<mx:HRule width="100%" /> 
		<mx:HBox width="100%">  
			<mx:Button label="show MyFlexHeroTest" click="showHandler();" />
			<mx:Button label="show MyFlexHeroTest1" click="enterHandler();" />  
		</mx:HBox> 
	</mx:Panel> 
 
 
</s:Application>

副文件：

<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
		   xmlns:s="library://ns.adobe.com/flex/spark" 
		   xmlns:mx="library://ns.adobe.com/flex/mx" layout="absolute" width="100%" height="100%">
 
	<s:Panel title="MyFlexHeroTest">
		<s:Label text="我来自MyFlexHeroTest">
 
		</s:Label>
	</s:Panel>
</mx:Module>