My FAQ,最新最全的IT技术教程
最新100篇 | 推荐100篇 | 专题100篇 | 排行榜 | 搜索 | 在线API文档
首 页 | 程序开发 | 操作系统 | 软件应用 | 图形图象 | 网络应用 | 精文荟萃 | 教育认证 | 硬件维护 | 未整理篇 | 站长教程
ASP JS PHP工程 ASP.NET 网站建设 UML J2EESUN .NET VC VB VFP 网络维护 数据库 DB2 SQL2000 Oracle Mysql
服务器 Win2000 Office C DreamWeaver FireWorks Flash PhotoShop 上网宝典 CorelDraw 协议大全 网络安全 微软认证
硬件维护  CPU  主板  硬盘  内存  显卡  显示器  键盘鼠标  声卡音箱  打印机  机箱电源  BIOS  网卡  C#  Java  Delphi  vs.net2005
  当前位置:> 图形图象 > 网页设计 > Flash
Flash MX2004入门与进阶实例——元件和实例(17)
作者:未知 时间:2005-04-18 12:12 出处:ChinaZ.com 责编:MyFAQ
              摘要:Flash MX2004入门与进阶实例——元件和实例(17)
第四章 元件和实例

第四节 交互动画的灵魂——按钮(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 圆形按钮的编辑时间轴


关闭本页
 
首页 | 投资与合作 | 服务条款 | 隐私政策 | 收藏本站 | 设为首页 | 新用户注册 | 免责声明 | 使用帮助
Copyright ©2005-2008 myfaq.com.cn All rights reserved. www.myfaq.com.cn 版权所有