收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画基础 >> 正文
[组图]Flash交互动画制作技巧:按钮控制动画(AS3.0)         
Flash交互动画制作技巧:按钮控制动画(AS3.0)
作者:秋月如霜 文章来源:中国教程网论坛 点击数:2225 更新时间:2010-12-26 18:46:50

按钮是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); 

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

二、双控按钮:(AS3.0)

1.新建影片剪辑,名为“双控”。用椭圆工具画一圆,可设笔触,颜色任意,并添加图层2,在其第一帧上,点文字工具,在属性面板里选“动态文本”,字型、自号、颜色自定,输入文字“停止”,Ab不被选中,居中对齐,实例名sk_txt,其他默认,回场景。

2.拖入动画影片剪辑。在属性面板里输入实例名“dh_mc”。

3.新建图层2,拖入“双控”影片剪辑,在属性面板里输入实例名“sk_mc”。

4.新建图层为AS层,在第一帧上打开动作面板,输入语句:

var a:Boolean=false;

function kz(evt:MouseEvent):void {

if (!a) {

dh_mc.stop();

sk_mc.sk_txt.text="播放";

} else {dh_mc.play();

sk_mc.sk_txt.text="停止";

}

a=!a;

}

sk_mc.addEventListener(MouseEvent.CLICK,kz);

以上的按钮浅谈仅供大家参考,还望互相交流。

文章录入:晴天    责任编辑:音乐听听 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长