Flex模块化的目的及其步骤

开发 后端
Flex模块化还是比较实用的,于是我研究了一下Flex模块化的方法,这里和大家简单分享一下,希望对你的学习有所帮助。

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

Flex模块化学习总结

1.为什么要Flex模块化

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

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

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

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

2.如何Flex模块化

2.1创建模块

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

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

 基于as的模块

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

 2.2Flex模块化中加载模块

2.2.1使用ModuleLoader加载;

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

2.2.2使用ModuleManager加载

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

 2.2.3创建弹出模块

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

注意:在创建弹出模块时,有时会产生:无法将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数据绑定及其使用频繁的几种情况 

 

责任编辑:佚名 来源: accptech.com
相关推荐

2010-08-02 08:54:53

Flex模块化

2010-08-02 09:10:36

Flex模块化

2010-08-06 11:04:06

Flex模块化

2018-06-26 15:20:52

模块化数据中心UPS

2019-08-28 16:18:39

JavaScriptJS前端

2020-09-17 10:30:21

前端模块化组件

2020-09-18 09:02:32

前端模块化

2010-08-02 09:21:48

Flex模块化

2022-09-05 09:01:13

前端模块化

2016-10-09 11:03:41

Javascript模块化Web

2022-09-21 11:51:26

模块化应用

2013-08-20 15:31:18

前端模块化

2017-05-18 10:23:55

模块化开发RequireJsJavascript

2015-10-10 11:29:45

Java模块化系统初探

2022-03-11 13:01:27

前端模块

2010-05-28 10:31:28

模块化IT

2011-05-13 15:54:50

C模块化

2023-05-24 10:35:11

Node.jsES模块

2021-07-14 09:26:51

UPS电源模块化

2019-12-02 16:05:10

前端模块化JavaScript
点赞
收藏

51CTO技术栈公众号