快速业务通道

关于按钮

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-10


按钮概述 按钮是Flash中的3类元件之一,它在制作交互式动画中起着重要的作用。 按钮元件只有4个帧,如下所示是一个新创建的按钮元件的时间轴。
按此在新窗口浏览图片
Up(弹起)是按钮的正常状态,即未将鼠标移到按钮上时按钮呈现的状态。Over(指针经过)帧是当鼠标指针经过按钮时按钮要呈现的状态。Down(按下)帧是在按钮上按下鼠标左键时它要呈现的状态。Hit(点击)帧与前3帧不同,它不是按钮要呈现出的状态,而是作为该按钮感应鼠标动作的热区,即只有当鼠标指针移到该帧中的图形范围内时按钮才会作出响应。 按钮元件的前3个帧既可以是静态的图像,也可以是动态的影片剪辑。由于按钮的这种特性,可以使用它来制作非常丰富的交互特效。 如下所示是为一个按钮元件制作的4个关键帧。
按此在新窗口浏览图片 如下所示分别是该按钮在动画中的3种状态。
按此在新窗口浏览图片 除了可以在按钮的3种状态中放置不同的图像或动画,还可以向其中添加声音。 要让按钮实现更多的交互功能,就需要为按钮添加脚本。为按钮添加的脚本也是一种事件处理函数,它以on关键字开头。当选中按钮并打开其“动作”面板时,面板的标题栏显示“Actions-Button”。在脚本编辑区输入on(后可以看到Flash给出的提示,如下所示。
按此在新窗口浏览图片 在光标下面的列表框中显示了与按钮相关的事件,直接输入或选择相应的事件即可为该事件设置事件处理函数。在播放动画时,如果触发了按钮的事件,即会执行相应的事件处理函数。 如下所示,在场景中添加了前例的按钮和一个动态文本框,文本变量为txt
按此在新窗口浏览图片 在按钮的“动作”面板中添加如下脚本:
on (rollOver) { txt = "拿开你的鼠标!"; } on (press) { txt = "快快放手!"; } on (release) { txt = "叫你不许碰我!"; } on (rollOut) { txt = ""; }


添加脚本后的“动作”面板如下所示。
按此在新窗口浏览图片Ctrl+Enter键测试动画,当鼠标指针移到按钮上时,执行on(rollOver)后的事件处理函数,效果如下所示。
按此在新窗口浏览图片 当在按钮上按下鼠标左键时,效果如下所示。
按此在新窗口浏览图片

在上例中,用到了按钮的几种事件,其中rollOver是鼠标指针经过按钮的事件,press是在按钮上按下鼠标左键的事件,release是在按钮上按下鼠标左键并释放(即单击)的事件,rollOut是鼠标指针从按钮上移开的事件。该例中的脚本都较简单,如果为按钮事件添加更复杂的处理函数,即可以实现更复杂的功能。
点击浏览该文件
点击浏览该文件

关键词:
  • 1
  • 2
  • 下一页
【内容导航】
第1页:关于按钮 第2页:制作交互式相册

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

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号