Flash MX 2004新特性实例学习三-合肥IT网

·设为首页
·互动社区
·联系站长

没有公告

您现在的位置：合肥IT网 >> 文章中心 >> 网站建设 >> 网页设计 >> 正文

用户登录

新用户注册

Flash MX 2004新特性实例学习三

热

【字体：小大】

Flash MX 2004新特性实例学习三

作者：佚名文章来源：网络点击数：更新时间：2008-11-18

　实例四、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的播放框，而且是带滚动条的喔。

<

文章录入：admin 责任编辑：admin

上一篇文章： Flash MX 2004新特性实例学习四

下一篇文章： Flash MX 2004新特性实例学习二

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

合肥IT网版权与免责申明：

1）凡本网署名文字、图片和音视频稿件，版权均属动易网络所有。任何媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发表。已经本网协议授权的媒体、网站，在下载使用时必须注明“稿件来源：合肥it网”，违者本网将依法追究责任。

2）本网注明“网络”的文章均为转载稿，本网转载出于传递更多信息之目的。如本网转载稿涉及版权等问题，请作者在两周内速来电或来函与本网联系。

3)网友评论不代表本站观点。请网友自行判断网友评论！

最新热点		最新推荐		相关文章
				使用Flash的XMLSocket与Serv Java和flash的通讯代码(XMLS Flash背景设定技巧两则精简Flash文件体积七法在Flash中使用位图的技巧 Flash中MP3导入及同步歌词的 Flash和Asp数据库的结合应用 Flash中字体选择的奥妙 Flash动画制作技巧灵活运用用第3方软件把“SWF

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

友情链接