Flex模块化的目的和方法

开发 后端
本文向大家介绍一下Flex模块化的概念,Flex模块化提供了分离应用程序代码到不同的swf文件上以便减少下载时间和文件大小。

本文和大家重点讨论一下Flex模块化的概念,主要包括为什么要Flex模块化和如何进行Flex模块化两大部分内容,相信本文的介绍能让你有所收获。

Flex模块化学习总结

关于这篇文章:写这篇文章的目的是总结一下我在Flex模块化开发时所遇到的问题由浅到浅地介绍,并不是什么特别的东西,只是老了,怕自己不记得就记下来,为什么要公开,是想看能不能帮助一些人,那样就心安啦,写的不好大家见谅,之所以分三篇没什么特别的意义,只是在blog放不下,再次请大家见谅。

1:为什么要Flex模块化;

Flex模块化提供了分离应用程序代码到不同的swf文件上以便减少下载时间和文件大小。使用Modules的好处是:

1.主应用程序开始时不需马上下载modules。应用程序会根据需求载入和卸载modules。

2.由于每个modules独立于其他应用程序modules,当需要改变一个modules时,你只需要重编译这个modules而不是整个应用程序。

Flex模块化可创建Flex模块化应用程序是提高Flex框架性能的重要方面,提供更多能力控制下载时间和文件大小,使用modules,你可以根据哪些可被独立载入,哪些可被其他程序使用而分离应用程序代码,

2:如何Flex模块化;

2.1创建Flex模块

基于mxml的模块,在你的工程右键->new->mxmlModule

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2.  
  3. <mx:Modulexmlns:mxmx:Modulexmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"width="400"height="300"> 
  4.  
  5. </mx:Module> 
  6.  

 基于as的模块

  1. package  
  2.  
  3. {  
  4.  
  5. importmx.modules.Module;  
  6.  
  7. publicclassGeneralextendsModule  
  8.  
  9. {  
  10. publicfunctionGeneral()  
  11. {  
  12. super();  
  13. }  
  14. }  
  15. }  
  16.  

 2.2加载Flex模块

2.2.1使用ModuleLoader加载;

  1. <mx:ModuleLoaderurlmx:ModuleLoaderurl="ContactList.swf"/> 

2.2.2使用ModuleManager加载

  1. PrivatefunctioncreationHandler():void  
  2.  
  3. {  
  4.  
  5. _moduleInfo=  
  6.  
  7. ModuleManager.getModule('ContactList.swf'  
  8.  
  9. );  
  10.  
  11. _moduleInfo.addEventListener(ModuleEvent.READY,  
  12.  
  13. moduleLoadHandler);  
  14.  
  15. _moduleInfo.load();  
  16.  
  17. }  
  18.  
  19. PrivatefunctionmoduleLoadHandler(evt:ModuleEvent):void  
  20.  
  21. {  
  22.  
  23. canvas.addChild(_moduleInfo.factory.create()as  
  24.  
  25. DisplayObject);  
  26.  
  27. }  
  28.  

 2.2.3创建弹出Flex模块

  1. Vargeneral:ModuleLoader  
  2.  
  3. general=ModuleLoader(mx.managers.PopUpManager.createPopUp(this,ModuleLoader));  
  4.  
  5. general.url="General.swf";  
  6.  

 注意:在创建弹出模块时,有时会产生:无法将mx.managers::PopUpManagerImpl@bba9941转换为mx.managers.IPopUpManager这种错误,这个时候我们需要在主程序里引入 

  1. importmx.managers.IPopUpManager;  
  2.  
  3. privatevaripopUp:IPopUpManager  

【编辑推荐】

  1. Flex样式的添加和卸载
  2. Flex安全沙箱问题解决方法
  3. 技术前沿 看Flex客户端缓存技术如何使用
  4. 解析Flex全屏模式设置方法
  5. Flex内存泄露解决方法和内存释放优化原则

 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-13 15:48:38

Flex模块化

2010-08-02 09:10:36

Flex模块化

2010-08-06 11:04:06

Flex模块化

2021-12-02 05:57:04

模块化UPS电源

2019-08-28 16:18:39

JavaScriptJS前端

2020-09-17 10:30:21

前端模块化组件

2020-09-18 09:02:32

前端模块化

2024-02-21 09:32:18

开发架构

2010-08-02 09:21:48

Flex模块化

2022-09-05 09:01:13

前端模块化

2016-10-09 11:03:41

Javascript模块化Web

2017-04-10 14:23:01

typescriptjavascriptwebpack

2013-08-20 18:18:55

CSS模块化Normalize.c

2022-09-21 11:51:26

模块化应用

2013-08-20 15:31:18

前端模块化

2017-05-18 10:23:55

模块化开发RequireJsJavascript

2022-09-02 08:00:00

CSS开发框架

2020-05-12 08:39:50

JavaScript工具技术

2015-10-10 11:29:45

Java模块化系统初探

2022-03-11 13:01:27

前端模块
点赞
收藏

51CTO技术栈公众号