用Interface来解决Application和Module之间的通信，减少Module和Application之间的耦合度

      当一个flex的应用程序变得很大的时候，如果把整个应用程序都放在一个Application里面来处理的话，这样就难免会使得主应用程序生成的swf文件特别大，从而加长了程序下载的时间。为了解决这个问题，flex里面可以用Module来解决这个问题，可以根据不同的不同的功能把这个应用程序划分成不同的模块，这样每个子模块是一个Module，当需要某个模块的时候再去动态的加载，这样就可以很好的解决主程序过大的问题。

      当用Module方式来重构程序的时候，难免会遇到这样一个问题，那就是Module和Application，以及Module和Module之间如何通信，也就是怎么传值，怎么相互调用彼此的方法。在诸多的解决方案中，用接口是最佳的，因为用接口可以减少Application和Module之间的耦合度。

      以下是一个简单的例子，基本上可以说明Module和Application之间如何通过Interface进行通信：

 

一、Application：ModuleInterfaceDemo.mxml

<?xml version="1.0"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"><mx:Script><!--[CDATA[import mx.controls.Alert;import mx.events.ModuleEvent;[Bindable]public var selectedItem:Object;[Bindable]public var currentModuleName:String;private function applyModuleSettings(e:Event):void {// 将ModuleLoader的child属性所应用的Module实例强制转化成IModuleInterface// 这样你就可以调用IModuleInterface所定义的方法了var ichild:* = mod.child as IModuleInterface;if (mod.child != null) {//调用接口中所定义的方法，将值传入到Module中去ichild.setAdjusterID(myId.text);ichild.setBackgroundColor(myColor.selectedColor);} else {Alert.show("mod的child属性为空","系统提示");}// 调用Module中的方法，从module中取得值currentModuleName = ichild.getModuleName();}//重新载入Moduleprivate function reloadModule():void {mod.unloadModule();mod.loadModule();}]]--></mx:Script><mx:Form width="564" height="131"><mx:FormItem label="当前Module名:"><mx:Label id="l1" text="{currentModuleName}"/></mx:FormItem><mx:FormItem label="在Module中显示的内容:"><mx:TextInput id="myId" text="Enter your ID"/></mx:FormItem><mx:FormItem label="被加载module的背景颜色"><mx:ColorPicker id="myColor"selectedColor="0xFFFFFF"change="reloadModule()"/></mx:FormItem></mx:Form><mx:ComboBox labelField="label" close="selectedItem=ComboBox(event.target).selectedItem"> <mx:dataProvider><mx:Object label="请选择要加载的Module"/><mx:Object label="Auto Insurance" module="Module1.swf"/></mx:dataProvider></mx:ComboBox><mx:Panel width="100%" height="100%"><mx:ModuleLoader id="mod"width="100%"url="{selectedItem.module}"ready="applyModuleSettings(event)"/></mx:Panel><mx:Button id="b1" label="重新载入Module" click="reloadModule()"/></mx:Application>

 

二、Module：Module1.mxml

<?xml version="1.0"?><mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" implements="IModuleInterface"><mx:Script><!--[CDATA[[Bindable]private var adjuster:String;[Bindable]private var bgcolor:Number;public function setAdjusterID(s:String):void {adjuster = s;}public function setBackgroundColor(n:Number):void {//通过绑定的属性来设置Module中控件的属性值//这样就可以保证即使在Module被加载进来来但是flashPlayer并没有渲染它Module中控件的属性也可以被正确的设置// loaded but before it is rendered by the player.bgcolor = n;//在ModuleLoader触发READY事件的时候Module的backgroundColor 样式可能并没有被设置//所以不要用以下的方式来设置Module的背景颜色 //p1.setStyle("backgroundColor", n);}public function getModuleName():String {return "Auto Insurance";}]]--></mx:Script><mx:Panel id="p1" title="Auto Insurance" width="100%" height="100%" backgroundColor="{bgcolor}"> <mx:Label id="myLabel" text="ID: {adjuster}"/></mx:Panel></mx:Module>

 

三、Interface：IModuleInterface.as

package{import flash.events.IEventDispatcher;public interface IModuleInterface extends IEventDispatcher {function getModuleName():String;function setAdjusterID(s:String):void;function setBackgroundColor(n:Number):void;}}