Flex Module 终极减肥篇之去掉最后哪一点赘肉
2009年09月15日
今天看了篇很不错的为flex编译后的文件swf文件“减肥”,不错的文章拿来了哈哈~
首先声明,如果您不是一个狂热的Flex Module减肥发烧友,如果您觉得Flex Module体态已经够轻盈了,那么下面的文章您大可不必看了。
减肥总是要付出一定代价的,我们的目的是如何在付出最小代价的情况下,轻松减去一身赘肉。
本文不是讨论如何设置编译参数进行优化,来达到减肥的目的,如果您是减肥人士,相信一些基础知识都应该具备了。
创建一个最简单Flex Module,哪怕里面什么也不放,编译后的swf文件会有37k左右,进行编译优化后,也仅能减小到26k左右,具体大小视Flex SDK的版本而定,本人用的是Flex SDK 3.2。
菜鸟:“天哪!还没开始写,就30多k啦?俺算算,这个30K是压缩后的,两个'prototype'有了,一个'JQuery'也不差多了。老早就听说Flex程序素以体型硕大而著称,后经人指点,教俺把程序拆为Module,可如今一试,乖乖的不得了,光皮重就30K。”
减肥发烧友不屑的说道:“有啥大惊小怪的,肉多了,减掉不就得了嘛。”
菜鸟怯怯的问:“敢问大侠,能减到多小呢?”
"1k以下吧",减肥发烧友淡淡的说道。
"哇!!!",菜鸟吐了吐自己舌头,"这怎么可能!这怎么可能!1比30!!!"
减肥发烧友又是不屑:“你本来就没写什么东西,1k以下当然是正常情况,可偏偏有人把30k的叫做正常。”
菜鸟若有所思:“是啊,你看那帮做js,天天想着就是js怎么压缩,生怕它太大。Flex的世界里,胖好像是天经地义的,胖是正常的,因为我们的最小的Module也没达到过1K。”
言归正传,有感于Flex中生成的Module偏大,可能是考虑到Module要适应不同的复杂场景。可现实中不见得需求就那么复杂,简单的问题应该有简单的解决办法,研究了一下Module减肥的方法,归纳出来两种方式:
第一种 实现自己的ModuleLoader,该方式因加载出来的Module不太稳定,暂没想到好的解决方式,待完善后再公布出来。
第二种 ModuleLoader还是用Flex自带的,写Module时,实现自己的ModuleFactory
首先创建一个Flex组件(不是模块),该组件可以继承任何Flex组件,但就是不能继承Module(标准的Module写法是继承Module,但这样编译出来的swf会很大),该组件可称为MyModule
然后创建一个AS3类,此处可称为MyModuleFactory,该类主要负责创建MyModule的实例
Java代码
package { import flash.display.Sprite; import flash.events.Event; import flash.system.ApplicationDomain; import flash.utils.setTimeout; import mx.core.IFlexModuleFactory; public class MyModuleFactory extends Sprite implements IFlexModuleFactory { public function MyModuleFactory() { super(); setTimeout(function(){ dispatchEvent(new Event("ready")); },0); } public function create(...args):Object { return new MyModule(); } public function info():Object { return {currentDomain:ApplicationDomain.currentDomain}; } } } package{ import flash.display.Sprite; import flash.events.Event; import flash.system.ApplicationDomain; import flash.utils.setTimeout; import mx.core.IFlexModuleFactory; public class MyModuleFactory extends Sprite implements IFlexModuleFactory { public function MyModuleFactory() { super(); setTimeout(function(){ dispatchEvent(new Event("ready")); },0); } public function create(...args):Object { return new MyModule(); } public function info():Object { return {currentDomain:ApplicationDomain.currentDomain}; } }}
最后设置项目属性,添加模块,将MyModuleFactory设为模块(注意不是MyModule)
注意事项:
1 Module要想最小,一定要把其他依赖的Lib库设置成运行时共享库
2 编译主应用程序的时候,设置编译选项-keep-all-type-selectors=true,否则加载出来的模块,里面的部分组件会丢失样式,甚至报空指针错误
实际应用中没有出现过大问题,原来一个80k的模块,减肥后变成30k,减掉50k之多。
发表评论
-
关于动态贴图问题不能动态通过texture改变只能重新new 新material
2012-01-20 01:48 1587关于动态贴图问题不能动态通过texture改变只能重新new ... -
Flex学习收藏资料
2012-01-20 01:48 604Flex学习收藏资料 2010年09月16日 1、《Fl ... -
papervision3d学习笔记:图片墙(1)
2012-01-20 01:48 718papervision3d学习笔记:图片墙(1) 2010年 ... -
[AS3] Alternavta3d7.5教程(一)
2012-01-20 01:48 756[AS3] Alternavta3d7.5教程(一 ... -
广州工作2个月!差人的公司可以call我
2012-01-20 01:48 698广州工作2个月!差人的公司可以call我 2011年06月3 ... -
民国小学生的一篇作文
2012-01-19 09:35 671民国小学生的一篇作文 ... -
小学生作文能力的培养
2012-01-19 09:35 480小学生作文能力的培养 ... -
教小学生写作文1
2012-01-19 09:35 953教小学生写作文1 2011年09月09日 一、小学作文教 ... -
小学生期末评语
2012-01-19 09:35 504小学生期末评语 2010年0 ... -
小学生操行评语
2012-01-19 09:35 628小学生操行评语 2011年0 ... -
神机也有软肋 小米手机
2012-01-17 02:10 644神机也有软肋 小米手机 2011年09月11日 小米手机 ... -
Android中的3D相册
2012-01-17 02:10 1051Android中的3D相册 2011年11月28日 ... -
3D显卡
2012-01-17 02:10 5283D显卡 2011年08月30日 3D 显卡技术术语目前 ... -
揭开Wayland的面纱(一):X Window的前生今世
2012-01-17 02:10 731揭开Wayland的面纱(一):X W ... -
VLC各模块名称及功能介绍
2012-01-17 02:10 864VLC各模块名称及功能介绍 2010年10月28日 [3 ... -
在flex页面中安装AIR程序
2012-01-15 21:42 805在flex页面中安装AIR程序 2010年07月17日 ... -
SWF与SWF交互
2012-01-15 21:42 567SWF与SWF交互 2010年07月23日 在AS2里S ... -
利用反射调用另一个swf里的代码库
2012-01-15 21:42 558利用反射调用另一个swf里的代码库 2011年02月19日 ... -
AIR笔记 使用HTML
2012-01-15 21:42 654AIR笔记 使用HTML 2011年05月17日 a ...
相关推荐
Flex Module间通信 此例给大家展示一个使用了模块(Module)的简单的Flex程序,你可以从中获得启示。
不要以为我要5分很高,这个绝对是官网资源,其中包含各位最一直在寻找却找不到即使找到也不好用的 flex-bootstrap-jsp.jar flex-bootstrap.jar flex-webtier-jsp.jar flex-webtier.jar
FlexModule_j2ee Flex 与JSP 整合用的.jar 文件 Jsp 中引用Flex 标签
the Flex 3 compiler module for J2EE application servers.
通过这个工程可以实现flex页面嵌入到jsp中。
Flex基于Module模块的开发文档主要介绍涵盖基本所有: 1、模块化的定义与原理; 2、模块化的作用; 3、模块化的优点; 4、flex与模块通信,直接调用模块(module)方法及示例代码; 5、flex基本控件用法及示例代码;...
在Flex工程中添加Module的方法是:在FlashBuilder中右键工程目录->Porperties->Flex Modules, 然后就可以add/edit/remove需要的module了, 但问题 是无论添加多少module都要点击add按钮一个一个添加! 像我们的项目一...
来自ITEYE,具体是哪位的分享记不得了- - 里头的demo详细演示了flex module的使用和flex module的通讯
在Flex3的Module模块程序设计中,在Google中进行了大量的资料查找,综合比较各个资源后,将我认为最有价值的资料放在这里(全英文的)。 下载包中包括: 1、Adobe Creating Mudule Application.pdf 2、相似例子的源...
Flex综合终极资源,包含示例代码、官方文档、优秀PDF、网站。
一个有关 flex module 讲解的详细ppt
the Flex 3 compiler module for J2EE application servers.
在动态加载module时,容易出错,这是因为加载以后需要卸载,请看示例代码,可运行。
flex中moduleLoader动态加载module时传递参数源代码
FLEX播放器 flex 开发AIR及Flex之mp3播放器教程 FLEX播放器 flex 开发AIR及Flex之mp3播放器教程
Flex学习之配置篇-如何在Eclipse中开发Flex , 主要是如何在MyEclipse中安装和使用Flex Builder 插件 带你进入Flex的世界
flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图...