Flash MX2004入门与进阶实例——元件和实例(23)
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
|
第四章 元件和实例 第五节 精彩范例(4) ???? 3．MC应用——鼠标看图 范例简介 ? 图4-5-10是本例的运行效果，画面的底图是一个很漂亮的矢量风景图，起始状态它被一层黑色罩挡着，看不到，你必需用鼠标快速地划动，随着划动的轨迹，渐渐露出风景图，而在一定时间后又渐渐闭合。 ? 
图4-5-10 “鼠标看图”运行效果
?
制作步骤
?
这个效果看起来还够“酷”的，实际上却是十分简单！
在本例的【场景】中仅有3个图层，各一个帧，主要内容就在“MC集”图层中，“单击”该图层的“关键帧”，就能看到如图4-5-11所示的情况。
?
图4-5-11 MC集图层效果
?
原来，风景图片是被一个个黑色对象遮挡着！它们就是排列整齐的名叫“功能MC”的实例对象。
打开本范例的【库】面板，如图4-5-12所示，你可以看到，该范例仅4个元件，特别简单。
?
图4-5-12 【库】面板
?
那么，这个MC怎么会产生这种鼠标效果呢？下面我们就来看看实现这个效果的过程。
步骤1 创建实例元件
新建名为“图形”的元件，在舞台中绘制一个无边框的黑色小矩形。
新建名为“跳转按钮”的元件，将“图形”元件拖放到舞台中央。
新建名为“功能MC”的元件，将“跳转按钮”放置在第1帧，在第2帧插入关键帧，单击交换按钮，将“跳转按钮”交换为“图形”，并将属性改为图形，如图4-5-13所示。
?
图4-5-13 功能MC第2帧图形元件属性
?
在第22帧插入关键帧，将“图形”实例的透明度修改为“0%”，并创建第2帧到第22帧的动作补间动画。同样在第112和第129帧插入关键帧，并将第129帧实例透明度修改为“100%”，创建这两个关键帧之间的动作补间动画。
步骤2 定义动作脚本
单击“功能MC”第1帧定义“stop”，使正常情况下，指针停止在这里。再单击舞台上的按钮元件，定义动作脚本为：
on (rollOut) {
??? gotoAndPlay(2);
}
这段代码的意思是：当发生鼠标经过这一事件时，让播放指针跳到第2帧并继续运行。
这个功能MC仅一个图层，第1帧中是个按钮对象，第2帧至第22帧，是一段动作补间动画，而第112帧至129帧又是一段动作补间动画，本例效果就全部在这里了！
第2帧开始的2段动作补间动画，前段动画是“图形”透明度由“100”降为“0”，后一段是由“0”恢复为“100”。
明白了，这就是“风景画”由看不到至逐渐显示，再逐渐重新被罩没的原因！改变补间动画中的过渡帧数量或者2段变形间的“距离”可以修改“风景图”显示及隐去的时间。
步骤3 布局场景
回到“主舞台”，将“功能MC”拖放到舞台上，并复制排列，效果如图4-5-11所示，完成后测便可看到本例的效果了。
关键词： |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于Flash MX2004入门与进阶实例——元件和实例(23)的所有评论
