flex.docx
- 文档编号:5714800
- 上传时间:2022-12-31
- 格式:DOCX
- 页数:57
- 大小:40.74KB
flex.docx
《flex.docx》由会员分享,可在线阅读,更多相关《flex.docx(57页珍藏版)》请在冰豆网上搜索。
flex
IT博客网-真才实料才是最真-文章分类-FLEX
Dreamhavenolimit
AS3应用程序模块化开发与ApplicationDomain
当程序越来越大,我们需要把它拆分成多个swf,在需要的时候动态加载。
拆分时应该尽量把不同的类编译进唯一的swf,避免因swf文件增多而使整个程序的文件尺寸增大。
按此原则可以拆分出以下两种swf,借助ApplicationDomain共享其代码和资源。
*模块(Module)
按照程序逻辑,可以拆分出多个“功能模块”,如“注册”、“管理”等等;按照游戏或社区类程序的关卡或场景,可以拆分出不同的“场景模块”。
这些模块不是主程序运行必须的,只在需要的时候加载。
*运行时共享库(RSL)
主场景或者多个模块通用的资源,比如位图、声音、设计好的页面元素等,可作为“库”在主程序运行前加载。
可以整套更换的皮肤(skin)只需先加载一套。
ApplicationDomain是存放AS3定义(包括类、方法、接口等)的容器。
使用Loader类加载swf时可以通过指定ApplicationDomain参数将swf加载到不同的域(Domain):
varloader:
Loader=newLoader();
varcontext:
LoaderContext=newLoaderContext();
/*加载到子域(模块)*/
context.applicationDomain=newApplicationDomain(ApplicationDomain.currentDomain);
/*加载到同域(共享库)*/
context.applicationDomain=ApplicationDomain.currentDomain;
/*加载到新域(独立运行的程序或模块)*/
context.applicationDomain=newApplicationDomain();
loader.load(newURLRequest("loaded.swf"),context);
ApplicationDomain使用类似于显示列表(DisplayList)的树形结构。
相对于舞台(Stage),可以认为ApplicationDomain最根部的是系统域(systemdomain),包含FlashPlayer核心类定义。
主程序所在的域(以下简称主域)就是它唯一的子域,类似于Stage下的文档类(DocumentClass)。
一个fla文档类里代码:
this.stage.addChild(mySprite);
this.addChild(myMC);
this.addChild(myShape);
运行后的显示列表:
01.gif
ApplicationDomain的类似结构:
02.gif
*加载到子域(模块)
类似于“继承”,子域可以直接获得父域所有的类定义,反之父域得不到子域的。
和继承关系不同的是,如果子域中有和父域同名的类,子域定义会被忽略而使用父域的定义。
*加载到同域(运行时共享库)
类似集合里的合并关系。
被加载swf里的所有类定义被合并到当前域中可以直接使用。
和加载到子域相同,和当前域同名的定义也会被忽略。
*加载到新域(独立运行的程序或模块)
swf载入指定域之前,先要检查该域及其父域中是否存在同名类,重复定义一概忽略。
如果加载别人写的程序,或者使用旧版本的主程序加载新版本的模块,为避免类名冲突就要加载到新域独立运行以使用自己的类。
模块加载到同域不是一样可以吗?
为何要加载到子域呢?
好处就在于,卸载一个加载到子域的模块时,只要确保清除所有到该模块的引用,模块的所有类定义将被垃圾回收(GarbageCollection)。
有两种方式可以访问ApplicationDomain:
*ApplicationDomain.currentDomain
currentDomain是ApplicationDomain的静态变量,表示当前代码所在的域。
该变量很奇特,在主程序里指向主域,在加载到子域的模块里则指向该模块所在的子域。
虽然ApplicationDomain有个parentDomain属性,但子域已经自动获得了父域的类定义,所以通过ApplicationDomain.currentDomain就可以获取父域定义了——包括主程序和加载到主域的共享库。
(注:
系统域不可直接访问,主域和所有新域即系统域子域的parentDomain属性为null)
*LoaderInfo类的applicationDomain属性
此方式可以访问任何方式加载的swf的ApplicationDomain。
对于主程序来说,加载到同域的库定义已经存在于ApplicationDomain.currentDomain,而模块的类主程序一般用不到。
所以这种方式个人不推荐使用。
ApplicationDomain的hasDefinition()方法判断某定义是否存在,getDefinition()方法获取指定的定义。
下面以一个例子来介绍ApplicationDomain的具体用法和应用程序的拆分。
本例有四个swf,shell.swf是主程序,lib.swf是共享库,login.swf和result.swf分别是“登录”和“结果”模块,所有的视图元件都在共享库中。
实际开发时可能有很多库,比如“位图库”、“音效库”、“模型通用库”等。
“通用库”里存放多个模块共用的资源,比如此例中的背景元素。
而各个模块独有的资源还是放在各自的swf中。
主程序首先将共享库加载到同域,完成后将“登录模块”加载到子域。
主程序可以像操作普通的视觉对象(DisplayObject)一样操作加载的模块:
监听事件、调用方法。
因为编译器不会识别未定义的类,为使用强类型,建议为主类和模型定义相应的接口,使用少量的重复代码协助编程。
privatefunctionshowModule(p_module:
IModule):
void
{
if(this.m_moduleList[0]=="login.swf")
{
p_module.show(this);
p_module.addEventListener("login",this.onLogin);
}else
{
p_module.show(this,this.m_userName);
}
}
模块“继承”了主程序和共享库的所有类和资源,可以通过ApplicationDomain.currentDomain.getDefinition()来获取相应的类。
注意获取不存在的类会抛出一个ReferenceError。
protectedfunctiongetClass(p_name:
String):
Class
{
try
{
returnApplicationDomain.currentDomain.getDefinition(p_name)asClass;
}catch(p_e:
ReferenceError)
{
trace("定义"+p_name+"不存在");
returnnull;
}
returnnull;
}
登录模块获取库中的界面元素,并在点击按钮后抛出事件。
Event类不允许带参数,必须使用继承Event的自定义事件抛出参数。
主程序可以把模块的自定义事件也编译进去(这样就增大了整个程序的文件尺寸),或者让监听模块事件的函数接受一个Objcet参数,以获取其动态属性。
privatefunctiononLogin(p_e:
Object):
void
{
this.m_userName=p_e.userName;
varlogin:
IModule=p_e.currentTarget;
login.removeEventListener("login",this.onLogin);
login.dispose();
this.loadSwf();
}
主程序收到事件之后卸载注册模块,加载“结果模块”到子域,并将登录模块传出的”userName”参数传给结果模块。
publicfunctionshow(p_parent:
DisplayObjectContainer,...rest):
void
{
varlibClass:
Class=this.getClass("net.eidiot.appDomainDemo.Libaray");
if(libClass!
=null)this.initUi(libClass,rest);
}
overrideprotectedfunctioninitUi(p_libClass:
Class,p_rest:
Array=null):
void
{
this.addUi(this.getClass(p_libClass.BG_NAME),"结果");
varresultFunc:
Function=p_libClass.getResult;
varuserName:
String=p_rest[0];
this.addChild(resultFunc(userName));
}
注意initUi()方法分别使用了共享库中Libaray类的静态属性BG_NAME和静态方法getResult()。
但是直接调用此静态方法会报错,可以先用resultFunc变量取出此方法。
详细内容请参考源代码。
gavinkin5552007-09-1810:
14发表评论
Flex2DataGrid的Change和Click事件
在CFLEX上看到一则小经验,就是关于DataGrid控件的方法。
如果你不想把DataGrid中的数据绑定到控件上的话,你还可以用触发事件的方式来处理。
你可以使用Click事件,也可以使用Change事件,它们基本上没有分别,不过不同的是Click事件用的是event.currentTarget,而Change则是event.target。
例如,现在我们有一个控件叫someControl,它有一个text属性,用来显示你在DataGrid中选中的信息。
如果用click事件,这么写DataGrid:
DataGridid="DG1"click="clickHandler(event)"/> Script> publicfunctionclickHandler(event: MouseEvent): void { someControl.text=event.currentTarge.selectedItem.someDataField; } Script> 如果用change事件,这么写DataGrid和脚本: DataGridid="DG2"change="changeHandler(event)"/> Script> publicfunctionchangeHandler(event: Event): void { someControl.text=event.target.selectedItem.someDataField; } Script> gavinkin5552007-09-1415: 25发表评论 Flex学习进阶-使用 ComboBox>和其他元件关联 首先在设计模式下拖拽出需要演示效果的FLEX组件其中包括ComboBox,Button,Panel,Label将其排列整齐,方便自己看就可以了,代码如下: xmlversion="1.0"encoding="utf-8"? > Applicationxmlns: mx="layout="absolute"> Paneltitle="ComboBox"width="402"height="188"x="90.5"y="79"layout="absolute"> ComboBoxid="myComboBox"width="171"x="10"y="10"> ComboBox> Buttonid="myButton"label="Send"x="200"y="10"/> Labelid="myText"maxWidth="20"width="244"height="23"y="60"x="10"/> Panel> Application> 下面为添加内容并且将其改变后的值与Label属性值进行绑定 为ComboBox添加内容 ComboBoxid="myComboBox"width="171"x="10"y="10"> dataProvider> Array> String>ComboBox1 String> String>ComboBox2 String> String>ComboBox3 String> Array> dataProvider> ComboBox> 将两个进行连接: Labelid="myText"maxWidth="20"width="244"height="23"y="60"x="10"text="{myComboBox.value}"/> 可以在这个时候发布一下看看效果。 因为下面会有一些其他效果要体现。 有人会问到我要取的值不是ComboBox1,ComboBox2,ComboBox3怎么办,当然有方法了,需要修改String为Object,再将其data属性为你想要取出的值,改变如下: dataProvider> Array> Objectlabel="ComboBox1"data="1"/> Objectlabel="ComboBox2"data="2"/> Objectlabel="ComboBox3"data="3"/> Array> dataProvider> 再次发布看看这次取的是不是data的值呀。 呦,我们的按钮还没有用上呢,你发现了没有,这回要用上代码了ActionScript3.0哦。 给大家秀一下: xmlversion="1.0"encoding="utf-8"? > Applicationxmlns: mx="layout="absolute"> Script> [CDATA[ importflash.events.MouseEvent; publicfunctionshow(event: MouseEvent): void{ myText.text=String(myComboBox.value); } ]]> Script> Paneltitle="ComboBox"width="402"height="188"x="90.5"y="79"layout="absolute"> ComboBoxid="myComboBox"width="171"x="10"y="10"> dataProvider> Array> Objectlabel="ComboBox1"data="1"/> Objectlabel="ComboBox2"data="2"/> Objectlabel="ComboBox3"data="3"/> Array> dataProvider> ComboBox> Buttonid="myButton"label="Send"x="200"y="10"click="show(event);"/> Labelid="myText"maxWidth="20"width="244"height="23"y="60"x="10"/> Panel> Application> gavinkin5552007-09-1015: 31发表评论 解决Flex从URL里获取参数的问题 最近开始使用Flex进行开发。 需要从URL中获取参数,查了好些网页也没有找到适用的方法。 但最中还是找到了解决方法,现写出来,与大家分享,节省查阅的时间。 对于FLex使用参数就两个地方(我是个菜鸟,目前就知道两个),一个是mx: Script里,另一个就是组件(如Label或TextInput等)。 有如下格式URL: a.swfname=1&pass=2;在组件中使用只要定义好一个变量,然后直接使用{name}就可以了,而对于mx: Script里则不行。 如下: Applicationxmlns: mx="creationComplete="initApplication()"> Script> privatefunctioninitApplication(): void { trace(this.parameters.name+": "+this.parameters.pass); } Script> Labelid="path"width="100%"text="{name}"/> Application> gavinkin5552007-09-0520: 30发表评论 数组元素随机排序 发现flash中好像没有对数组元素进行随机排序的函数,就自己写了一个.虽然不是很科学,起码可以用... --! 调用方法: randomOrder(array) 函数会返回一个新数组,就是该数组随机排序后的结果 例子: 程序代码 varmyArray: Array=["a","b","c","d"] myArray=randomOrder(myArray) 程序代码 //随机改变数组的排序 functionrandomOrder(targetArray: Array): Array { vararrayLength: Number=targetArray.length // //先创建一个正常顺序的数组 vartempArray1: Array=[] for(vari=0;i { tempArray1[i]=i } // //再根据上一个数组创建一个随机乱序的数组 vartempArray2: Array=[] for(vari=0;i { //从正常顺序数组中随机抽出元素 tempArray2[i]=tempArray1.splice(Math.floor(Math.random()*tempArray1.length),1) } // //最后创建一个临时数组存储根据上一个乱序的数组从targetArray中取得数据 vartempArray3: Array=[] for(vari=0;i { tempArray3[i]=targetArray[tempArray2[i]] } // //返回最后得出的数组 returntempArray3 } gavinkin5552007-09-0414: 03发表评论 Flex2.0数组的使用实例 Array ---------------------------------------------------------------- 1. Script> [CDATA[ varmyArray: Array=["AK","AL","AR"]; ]]> Script> 2. Array> String>AK String> String>AL String> String>AR String> Array> 3. Script> [CDATA[ varexpenses: Array=[ {Month: "January",Profit: 2000,Expenses: 1500,Amount: 450}, {Month: "February",Profit: 1000,Expenses: 200,Amount: 600}, {Month: "March",Profit: 1500,Expenses: 500,Amount: 300}, {Month: "April",Profit: 500,Expenses: 300,Amount: 500}, {Month: "May",Profit: 1000,Expenses: 450,Amount: 250}, {Month: "June",Profit: 2000,Expenses: 500,Amount: 700} ]; ]]> Script> ----------------------------------------------------------------------- ---------------------------------------------------------------------- //UseArrayconstructor. varmyArray: Array=newArray(); myArray.push("one"); myArray.push("two"); myArray.push("three"); trace(myArray);//output: one,two,three //UseArrayliteral. varmyArray: Array=["one","two","three"]; trace(myArray);//output: one,two,three ----------------------
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- flex
![提示](https://static.bdocx.com/images/bang_tan.gif)