叶子谷- 网页教程

RSS订阅 站长资讯通告:
搜索: 您现在的位置: 叶子谷 >> 技术学习 >> Flash※FreeHand >> 正文

教你制作简单的Flash按钮

2008-06-10 13:50:46 来源:互联网 作者:佚名 【 点击:
按钮(button)是一种特殊形式的符号(symbol),它包含4帧信息,每帧信息都代表着按钮的一种“状态”,它们分别是"up", "over", "down"和"hit"。当鼠标移动到按钮处或者用户点击该按钮时,按钮将做出的反应都与这四种状态的设置有关。

    下面我们就来介绍制作一个新按钮的步骤:

    一:从菜单中选择"Insert"->"New Symbol",另外用户也可以使用快捷键来创建新按钮,在Windows系统平台下的快捷键为Ctrl+F8,在Macintosh系统平台下的快捷键为Command+F8。

    二:在符号属性对话框中,为新建按钮符号命名,并选择"Button"做为行为指"behavior",点击"OK"确定。此时Flash将转换至符号编辑模式,时间线的题头将显示四个连续的帧,分别为"up", "over", "down"和"hit"这四种状态,其中第一帧"up"为一个空白关键帧。

    三:为了创建"up"状态按钮图片,可以使用画图工具自行编辑,也可以导入一个外部图片,或使用舞台上其它符号的实例。用户可以在按钮中使用Flash电影片断或某个图片符号,但不能在按钮内添加按钮。如果用户希望创建动画式按钮,可以使用电影片断符号。

    四:在第二帧"over"上,从菜单中选择"Insert"->"Keyframe"来插入一个关键帧,这时第一帧的按钮图片会显示在舞台上。

    五:用户可以修改在"over"状态下的按钮图片,另外重复第四和第五步,为"down"和“hit"两帧设置图片。不过需要注意的一点是"hit"帧在回放过程中不会显示在舞台上,但该帧确定着当按钮被点击时的反应区域。在设置该帧时,请确保其区域能够包容下"up","down"和"over"三帧图片的区域。当然如果用户愿意,"hit"帧的覆盖区域也可以比可见的按钮区域更大。另外,如果用户没有特意设定"hit"帧,"up"帧中的对象所覆盖的区域将被默认为"hit"帧的区域。

    六:确定好四个按钮状态的图片后,从菜单中选择"Edit"->"Edit Movie"从而退出符号编辑状态。

    七:从菜单中选择"Window"->"Library"打开库文件窗口,确定库文件窗口中的按钮,并将按钮符号从库内拖出至舞台上,这样便为Flash电影中的按钮创建了实例(instance)。经过上述设置之后,我们已经创建好了Flash按钮,下面的操作是为该按钮分配简单的指令,我们将针对Flash不同版本分别介绍具体的操作步骤。

    在Flash5中为按钮分配指令:

    一:在编辑电影状态下,选中前面第七步创建的按钮实例。
 
    二:从菜单中选择"Window"->"Actions"从而打开指令控制面板。

    三:在指令控制面板左侧的工具框列表中,点击"Basic Actions"(基础指令)类别显示出所有的基础指令。

    四:选择指令的方法有以下几种,它们分别是: *从基础指令类别中双击一个指令 *从基础指令类别左侧的指令列表中选中一个指令并将其拖至面板右侧的指令列表中 *点击"Add"(+)添加按钮,并从弹出菜单中选择一个指令。

    *使用键盘的快捷操作键

    五:如果所选择的指令附有任何相关参数,这些参数将显示在指令控制面板底部的参数框中(如果参数框没有显示出来,请点击控制面板底部右侧的小三角标志来打开该参数框)。用户需要选择针对该指令的参数,例如下图中"gotoAndPlay"这一指令包括三个参:"Scene"(场景)、"Type"(类型)、"Frame"(帧)以及一个选项。

    在Flash4及早期版本中为按钮分配指令:

    一:在编辑电影状态下,选中前面第七步创建的按钮实例。

    二:确保控制菜单上的"Enable Buttons"选项不被选中。

    三:双击按钮打开实例属性对话框。

    四:从实例属性对话框中的指令标签页中指定所选指令,然后点击"+"按钮,并双击所选指令来进行添加。

    五:使控制菜单上的"Enable Buttons"选项被选中,这时将显示出其它选项。

    六:如果所选择的指令附有任何相关参数,这些参数将显示在指令控制面板右侧的参数框中,用户需为此指令选择相应参数。
Tags: FLASH  
责任编辑:cptedu
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】   
  • 上一篇文章:
  • 下一篇文章:
  • 姓 名: * Oicq:
    评 分: 1分 2分 3分 4分 5分
    评论内容:
    设为首页 -加入收藏 - 联系我们 - 友情链接 - 版权声明 - 管理登陆