Flex_Module專题.docVIP

Flex Module专题 一、Module使用背景 Module 是Adobe为解决Flex应用初始化时较大的下载负载问题而设计的一种折中方案。将主Application合理分割为多个Module后，配合延迟加载策略，就可以保证主Application在初始化只加载必要的资源从而减少等待时间。未被访问的Module默认将不被加载，这样在首次访问它们时会需要额外的等待时间，当然我们也可以在监听主Application加载完毕事件中将这些Module提前载入或者直接取消使用延迟加载策略以保证 Module的响应时间。 二、Module相关类和接口简介 与Module相关的类和接口如下： （1）mx.modules.Module-LayoutContainer-Container-UIComponent （2）mx.modules.ModuleBase-EventDispatcher-Object （3）mx.modules.ModuleLoader-VBox-Box-Container-UIComponent （4）mx.modules.ModuleManager-Object （5）mx.modules.IModuleInfo-IEventDispatcher （6）mx.event.ModuleEvent-ProgressEvent-Event-Object （7）mx.core.IFlexModuleFactory １、Module和ModuleBase Module 类是一个容器，继承自FlexSprite，引入了一些框架代码，而ModuleBase类则继承自EventDispatcher。因此，如果我们的 Module需要可视化元素，则扩展Module；反之则扩展ModuleBase。ModuleBase由于不依赖任何框架代码，生成的模块体积会更小。 例如一个带有可供用户输入信息的输入框Module： //FlexModule/AsContactList.as package { import mx.containers.Form; import mx.containers.FormItem; import mx.controls.TextInput; import mx.modules.Module; public class ASContactList extends Module { private var _form:Form; private var _firstNameItem:FormItem; private var _lastNameItem:FormItem; public function ASContactList() { super (); this.percentWidth = 100; this.percentHeight = 100; } override protected function createChildren():void { super.createChildren(); _form = new Form(); _firstNameItem = createInputItem( FirstName:); _lastNameItem = createInputItem( LastName:); _form.addChild( _firstNameItem ); _form.addChild( _lastNameItem ); addChild( _form ); } private function createInputItem( label:String ):FormItem { var item:FormItem = new FormItem(); item.label = label; item.addChild( new TextInput() ); return item; } } } 例如一个含有greet,welcomeeBack方法的ModuleBase： //FlexModule/EntryStateModule.as package { import mx.modules.ModuleBase; public class EntryStateModule extends ModuleBase { public function EntryStateModule() { } public function greet( first:String, last:String ):String { return Hello,+ f