Flash交互动画制作技巧:按钮控制动画

作者凌众技术来源网页制作浏览发布时间 2012-03-08

　按钮是FLASH动画里的基本元件之一，是帮助我们让动画按照自己的意愿呈现出来的重要元件之一。它的表现形式多样，可以是元件、影片剪辑、文字等等，通过对它的设置可以实现场景的播放、停止、快进、快退、暂停、跟随...... 按钮还可分单控按钮（即只有一个作用或播放或停止）和双控按钮（即可播放可停止）。一般看到大家常用的是单控按钮，并且看到很多朋友将单控的PLAY按钮帧一直延续到动画结束，这是很没有必要的，因为一般单控按钮在点击完成后就没有作用了，也没必要再显示存在了，所以它只需一帧就可以了。如果是双控按钮，它就需要伴随动画直到结束，因为它在此期间随时都要执行对它设置的命令。下面就做个范例，供大家参考。

一、单控按钮：（AS3.0）
1.插入---新建元件，类型：按钮，在编辑区内的第一帧上打上文字（PLAY）或画一无笔触，填充色任意的圆都可以，或拖入一喜欢的影片剪辑也行，在第二帧和第三帧添加关键帧，第四帧添加普通帧。分别选中第二帧和第三帧将其改变不同的颜色。（已做好的动画影片剪辑除外）

2.回场景，在图层1上拖入一影片剪辑，在属性面板上输入“dh_mc ”,

3.添加图层2，名为按钮层，在第一帧将按钮元件拖入，属性面板内输入实例名“bf_btn”，实例名的字母一定是在英文状态下输入，否则无效。

4.添加一新图层AS层，选中第一帧，打开动作面板，输入语句：

dh_mc.stop();
function bf(event:MouseEvent):void {
dh_mc.play();
}
bf_btn.addEventListener(MouseEvent.CLICK,bf);

从上个实例中看出play按钮在点击完成后，已无任何意义存在了，影片剪辑会一直播放下去直到结束。所以我们只要将play按钮安置在第一帧上即可，后加空白关键帧。（如有下载进度条的情况下，应将按钮放在第二帧上即可）下面我还以上个实例为例，再加个停止按钮，让影片剪辑停下来。

1.停止按钮的创建同前所述。

2.回上个实例的场景，在按钮层第一帧，也将停止按钮拖入，在属性面板上输入实例名“tz_btn”。

3.在AS层第一帧，打开动作面板接着输入语句：
function tz(evt:MouseEvent):void {
dh_mc.stop();
}
tz_btn.addEventListener(MouseEvent.CLICK,tz);

上一页的例子是用两个单控按钮控制一个动画，现在我要将两个按钮的作用合二为一，也就是说用一个两种作用的按钮控制

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

1 2 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: Flash实例教程:制作圣诞节祝福贺卡下一篇: 利用AS脚本功能实现图片模糊变清晰

关于Flash交互动画制作技巧:按钮控制动画的所有评论

随机推荐