Flash MX2004入门与进阶实例:4.4 交互动画的灵魂-按钮
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
|
第四章 元件和实例 第四节 交互动画的灵魂——按钮(1) 按钮元件是Flash的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象。 从外观上，“按钮”可以是任何形式，比如，可能是一幅位图，也可以是矢量图；可以是矩形，也可以是多边形；可以是一根线条，也可以是一个线框；甚至还可以是看不见的“透明按钮”。 按钮有特殊的编辑环境，通过在四个不同状态的帧时间轴上创建关键帧，可以指定不同的按钮状态，如图4-4-1所示。 ? 
图4-4-1 按钮的四帧编辑环境
?
【弹起】帧：表示鼠标指针不在按钮上时的状态。
【指针经过】帧：表示鼠标指针在按钮上时的状态。
【按下】帧：表示鼠标单击按钮时的状态。
【点击】帧：定义对鼠标做出反应的区域，这个反应区域在影片播放时是看不到的。
【点击】帧比较特殊，这个关键帧中的图形将决定按钮有效范围。它不应该与前3个帧的内容一样，但这个图形应该大到足够包容前3个帧的内容。
注意：有的朋友总是抱怨：怎么我的按钮“一闪闪的”，很难单击它！这一般发生在文字类按钮，如果你没在“按钮有效区”关键帧设置一个适当图形，那么，这个按钮的有效区仅是第一帧的对象，文字的线条较细且分散，难怪很难找到“有效区”了！
“有效区”图形还可以充满整个屏幕，退出按钮编辑后，“有效区”图形是不可见的。
根据实际需要，你还可以把按钮做成如图4-4-2所示的结构。
?
图4-4-2 按钮的帧内容可以随意扩充
?
从图4-4-2中可以看到，按钮的3个“状态关键帧”中，可以放置除按钮本身以外的任何Flash对象，其中：【状态音效】图层设置了2种音效；【按钮动画】图层使鼠标不同操作出现不同动画效果，而【按钮底图】中可放置不同的图片。
你可以想象一下：利用这个特点，我们可以把按钮做成何等有声有色、变化无限的效果！
在Flash 5及之前的版本中，按钮的“状态关键帧”还接受ActionScript指令，从Flash MX开始已经废弃了这一功能，事实上，在按钮实例中加入“事件指令”更方便、更灵活！
按钮的“事件指令”以及在这些“事件”中进行的动画编程，使按钮的创作空间变得无比宽广！有关按钮事件及其应用请你参阅第六章的相关内容。
另外，“按钮”还可以设置“实例名”，从而使按钮成为能被ActionScript控制的对象。
你一定为那些精彩的动画游戏以及丰富多彩的网络交互动画所惊叹，按钮在其中起着举足轻重的作用，其实，通过自己不断的磨练，你完全能够做出让别人赞叹的作品！
下面我们还是从最基础的开始吧！一起制作一个精美的按钮。
实例简介
本实例是一个精美的按钮元件，如图4-4-3所示是这个按钮的运行效果。
图4-4-3 实例效果
我们在制作这个按钮之前，你可以先运行配套光盘上的实例（文件路径：配套光盘\……），感受一下这个按钮的效果吧！
制作步骤
1．新建按钮元件
新建一个影片文档，执行【插入】|【新建元件】命令，弹出一个【新建元件】对话框，在【名称】中输入“圆形按钮”，选择【行为】为【按钮】类型，如图4-4-4所示。
?
图4-4-4 新建按钮元件
单击【确定】按钮，进入到按钮元件的编辑场景中，如图4-4-5所示。
图4-4-5 圆形按钮的编辑时间轴
[1]?[2]?[3]?下一页??
第四章 元件和实例 第四节 交互动画的灵魂——按钮(2) 2．创建按钮 （1）绘制按钮图形 步骤1 创建【弹起】帧上的图形 将【图层1】重新命名为“圆形”，选择这个图层的第1帧（弹起帧），利用【椭圆工具】绘制出如图4-4-6所示的按钮形状。 ? 
图4-4-6 【弹起】帧上的图形
?
这个形状是由一个蓝色圆形和一些小椭圆形状组合而成的，另外为了表现球的立体感，在蓝色圆形下边还 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于Flash MX2004入门与进阶实例:4.4 交互动画的灵魂-按钮的所有评论
