Flash MX 2004新特性实例学习三

    范例四、device font masking

　　一、波及个性

　　本范例重要波及遮照功效的创造和scroll pane组件的运用，都是少许风趣的个性，跟之前在flash mx中的创造思绪有比拟大的各别。初月朔看，文本实质都在图库傍边，但让人迷惘的是在场景中会表露文本的实质。这就波及到scroll pane组件的属性了。

　　二、创造进程

　　1、按“ctrl + f8”兴建一个clip，定名为“textclip”，典型为movie clip，采用“export for action script”（这个即是文本实质不在场景中，但不妨表露在场景中的神秘了），在identifier中输出“textclip”。在此clip的场景顶用文本东西输出比拟多的文本，再不在结果截止中不妨鲜明地看到功效。

　　2、按“ctrl + f8”兴建一个clip，定名为“frame”，典型为movie clip，用矩形东西绘制一个正方形边框。

　　3、按“ctrl + f8”兴建一个clip，定名为“mask”，典型为movie clip，用矩形东西绘制一个与第二步中的巨细差不离的正方形边框，并用弥补东西弥补为玄色。

　　4、按“ctrl + f8”兴建一个clip，定名为“maskclip”，典型为movie clip，采用“export for action script”，在identifier中输出“maskclip”。

　　5、在maskclip中，在time line中兴建一个层，定名为“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：将在场景中的box clip树立为textclip的遮照。从这边也不妨看出，此刻不妨径直在action script中创造遮照了。

　　解释2：树立因变量，当加入此movie clip帧的功夫，触发此因变量。

　　解释3：树立遮照用的box的场所伴随鼠标挪动，frame的场所也伴随挪动。

　　6、回到主场景中，将两个radio button组件拖加入景中，将个中一个树立参数如次：定名为“rcomponents”，data的值为“component”，“group name”为radiogroup，“label”为masking with components。将另一个树立如次：定名为“rgraphics”，data的值为“graphic”，“group name”为radiogroup，“label”为masking with graphics。

　　7、将一个scroll pane组件拖加入景中，将其参数树立如次：定名为“spmasking”，contentpath为“textclip”，hlinescrollsize为5，hpagescrollsize为20，hscrollpolicy为auto。scrolldarg为false，vlinescrollsize为5，vpagescrollsize为20，vscrollpolicy为auto。

　　8、在time line中兴建一个层，定名为“action”，在它的action面板上减少底下的语句： 　　

　　/* copyright 2003 macromedia, inc. all rights reserved.

　　the following is sample code and is subject to all restrictions

　　on such code as contained in the end user license agreement

　　accompanying this product.

　　*/

　　function switchexample (evt) { //解释1

　　 var choice = evt.target.selectedradio.data; //解释2

　　 if (choice == "component") { //解释3

　　 spmasking.contentpath = "textclip"; //解释4

　　 spmasking.hscrollpolicy = "on"; //解释5

　　 spmasking.vscrollpolicy = "on";

　　 } else if (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： 将场景中的scroll pane的contentpath树立为“textclip”，textclip是在图库中的，这个是scroll pane的个性。

　　　　解释5：树立scroll pane的震动条为表露。

　　　　解释6：即使采用的radio的值是graphic，则实行底下的语句。

　　　　解释7：将场景中的scroll pane的contentpath树立为“maskclip”，maskclip是在图库中的一个遮照功效。

　　　　解释8：为场景中的两个radio增添监听因变量，当点击的功夫触发。

　　　　解释9：默许采用的radio为rcomponents。

　　三、本质用处

　　本范例的用处普遍，不妨径直在scroll pane中安置clip，graphic，swf文献之类，用action script遏制起来也比拟简单。以是不妨创造文本框，图片框，也不妨做flash movie的播放框，并且是带震动条的喔。