FlashMX2004新特性实例学习三

学好外语能够获得更多的国外先进编程技术 [enadd 2006年12月25日]

	您现在的位置：编程笔记网 >> Web开发 >> 图形图象 >> Fireworks制图 >> 设计实例 >> 文章正文

FlashMX2004新特性实例学习三

热荐

【字体：小大】

FlashMX2004新特性实例学习三

作者：- 文章来源：- 点击数：更新时间：2006-7-10

实例四、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，则执行下

[1] [2] 下一页

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

上一篇文章： FlashMX2004新特性实例学习二

下一篇文章：用Fireworks给黑白图上色(图)

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

最新热点		最新推荐		相关文章
				用Fireworks给黑白图上色(图… FlashMX2004新特性实例学习二样式在FWMX2004中的应用 FlashMX2004支持的HTML标签 FlashMX2004专业版和视频 FlashMX2004中的文本遮罩 FlashMX2004支持的css FireworksMX2004版本控制和文… FireworksMX2004之Shapes工具… FireworksMX2004之Shapes初体…

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

\| 设为首页 \| 加入收藏 \| 联系站长 \| 友情链接 \| 版权申明 \| 管理登录 \|


	Copyright ©2000 - 2005 Enadd.com 备案序号:辽ICP备06005595号 QQ:1656107 站长：enadd