|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
可以为受众提供跨计算机、智能手机、平板电脑和电视平台的令人痴迷的一致性体验。
实例4、DeviceFontMasking
1、触及特征
本实例次要触及遮照效果的制造和ScrollPane组件的使用,都是一些风趣的特征,跟之前在FlashMX中的制造思绪有对照年夜的分歧。初月朔看,文本内容都在图库傍边,但让人利诱的是在场景中会显现文本的内容。这就触及到ScrollPane组件的属性了。
2、制造历程
1、按“Ctrl+F8”新建一个Clip,定名为“textClip”,范例为MovieClip,拔取“ExportforActionScript”(这个就是文本内容不在场景中,但能够显现在场景中的奥密了),在Identifier中输出“textClip”。在此Clip的场景顶用文本工具输出对照多的文本,以便在最初了局中能够分明地看到效果。
2、按“Ctrl+F8”新建一个Clip,定名为“Frame”,范例为MovieClip,用矩形工具绘制一个正方形边框。
3、按“Ctrl+F8”新建一个Clip,定名为“mask”,范例为MovieClip,用矩形工具绘制一个与第二步中的巨细差未几的正方形边框,并用添补工具添补为玄色。
4、按“Ctrl+F8”新建一个Clip,定名为“maskClip”,范例为MovieClip,拔取“ExportforActionScript”,在Identifier中输出“maskClip”。
5、在maskClip中,在TimeLine中新建一个层,定名为“mask”,将图库中的Frame拖到此层中,在属性面板上定名为“box”。在“mask”层下面再建一个层,定名为“frame”,将图库中的mask拖到此层,在属性面板上定名为“frame”。在“frame”层下面再建一个层,定名为“actions”,在它的action面板上增加上面的语句:
textClip.setMask(box);//正文1
this.onEnterFrame=function(){//正文2
box._x=_root._xmouse-this._parent._x;//正文3
box._y=_root._ymouse-this._parent._y;
frame._x=_root._xmouse-this._parent._x;
frame._y=_root._ymouse-this._parent._y;
}
正文1:将在场景中的boxClip设置为textClip的遮照。从这里也能够看出,如今能够间接在ActionScript中创立遮照了。
正文2:设置函数,当进进此MovieClip帧的时分,触发此函数。
正文3:设置遮照用的box的地位跟从鼠标挪动,frame的地位也跟从挪动。
6、回到主场景中,将两个RadioButton组件拖加入景中,将个中一个设置参数以下:定名为“rComponents”,data的值为“component”,“GroupName”为radioGroup,“label”为MaskingwithComponents。将另外一个设置以下:定名为“rGraphics”,data的值为“graphic”,“GroupName”为radioGroup,“label”为MaskingwithGraphics。
7、将一个ScrollPane组件拖加入景中,将其参数设置以下:定名为“spMasking”,contentPath为“textClip”,hLineScrollSize为5,hPageScrollSize为20,hScrollPolicy为auto。ScrollDarg为false,vLineScrollSize为5,vPageScrollSize为20,vScrollPolicy为auto。
8、在TimeLine中新建一个层,定名为“action”,在它的Action面板上增添上面的语句:
/*Copyright2003Macromedia,Inc.Allrightsreserved.
ThefollowingisSampleCodeandissubjecttoallrestrictions
onsuchcodeascontainedintheEndUserLicenseAgreement
accompanyingthisproduct.
*/
functionswitchExample(evt){//正文1
varchoice=evt.target.selectedRadio.data;//正文2
if(choice=="component"){//正文3
spMasking.contentPath="textClip";//正文4
spMasking.hScrollPolicy="on";//正文5
spMasking.vScrollPolicy="on";
}elseif(choice=="graphic"){//正文6
spMasking.contentPath="maskClip";//正文7
spMasking.hScrollPolicy="off";
spMasking.vScrollPolicy="off";
}
}
radioGroup.addEventListener("click",switchExample);//正文8
rComponents.selected=true;//正文9
来注释一下下面的代码:
正文1:界说一个函数,参数为evt。
正文2:界说一个变量,它的值是场景中的所选择的radio的值。
正文3:假如拔取的radio的值是component,则实行上面的语句。
正文4:将场景中的ScrollPane的contentPath设置为“textClip”,textClip是在图库中的,这个是ScrollPane的特征。
正文5:设置ScrollPane的转动条为显现。
正文6:假如选
FlashPlayer是一款能够播放小又快速的多媒体动画,以及交互式的动画、飞行标志和用macromediaflash做出的图像。 |
|