Flex 使用module 父子窗口传值

一、module

1 overview

 module是可以由application加载和卸载的swf文件。通过将application分解成若干个module，可以减小application文件的大小，并减少首次加载的时间。module不能独立于application运行，也不能加载到浏览器窗口，只能通过application加载

2 write

 可以通过AS代码或MXML标签定义module

 MXML方式：

<?xml version="1.0"?>
<!-- modules/moduletest.mxml -->
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" >
 <mx:Label text="Module Test"/>
</mx:Module>

 AS方式：必须继承mx.modules.ModuleBase或mx.modules.Module

// modules/asmodules/SimpleModule.as
package {
    import mx.modules.ModuleBase;

    public class SimpleModule extends ModuleBase {
        public function SimpleModule() {
            trace("SimpleModule created");
        }
   
        public function computeAnswer(a:Number, b:Number):Number {
            return a + b;
        }
    }
}

3 compile

可使用命令行mxmlc编译模块。

 module的大小依赖于它所包含的组件和类，如果module链接了与application类重叠的类则module会比较大，要减小module的大小，需要把module指向由application包含的具体类。module只包含它需要的类，框架代码及其他依赖代码包含在application中。若用命令行编译，需要为application创建一个linker report，并把这个report放入module的编译选项中

mxmlc: -link-report=report.xml MyApplication.mxml

mxmlc: -load-extern=report.xml MyModule.mxml

4 load

<?xml version="1.0"?>
<!-- modules/ASModuleLoaderApp.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
        import mx.modules.*;

        public function createModule(m:ModuleLoader, s:String):void {
            if (!m.url) {
                m.url = s;
                return;
            }
            m.loadModule();
        }
       
        public function removeModule(m:ModuleLoader):void {
            m.unloadModule();
        }
        ]]>
    </mx:Script>

    <mx:Panel title="Module Example" >
            <mx:VBox id="vb1" label="Column Chart Module">               
                <mx:Button   label="Load"     click="createModule(chartModuleLoader, l1.text)" />
                <mx:Button   label="Unload"  click="removeModule(chartModuleLoader)" />
                <mx:Label id="l1" text="Module1.swf"/>
                <mx:ModuleLoader id="chartModuleLoader"/>                               
            </mx:VBox>
    </mx:Panel>
</mx:Application>

 

二：窗口传值

子窗口定义

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="296" height="379">
  <mx:Script>
  <![CDATA[
  
   [Bindable]
   public var functionXml:XML;                 //定义子窗口属性

  ]]>
 </mx:Script>
</mx:Application>

父窗口定义

import mx.managers.PopUpManager;

 

private function openFunc(event:MouseEvent):void
{         
    var child:ChildWindow= ChildWindow(PopUpManager.createPopUp(this,ChildWindow,true));
 
    child.functionXml = XML({xmlData});        //为子窗口传值 
   }