Flash 基础

十八、按钮组件
    按钮在Windows操作系统中有着重要的作用,是我们与程序对话的基本组件,常见的按钮有最大化、最小化、关闭、是、否等等,只要我们细心我们会在窗口中找到许多许多的按钮。
    一个按钮有两个属性,一是外观形态一是动作指令,我们首先来看形态。
    按钮的外观一般是小方块或者是圆形,在Flash中一般是圆形的。因此在制作按钮组件时我们使用椭圆工具,一般不大用矩形工具。
    按钮的形态跟鼠标有密切联系,鼠标在窗口中移动时,一般就是在寻找按钮。按钮的形态有三种,鼠标没有到来时的等待形态(向上),鼠标到来的形态(经过)和鼠标按下(向下)的形态,这样至少需要三个关键帧来制作按钮。
    下面来看一个例子,我们将制作一个圆形的按钮并通过鼠标来实验一下。
    选择“插入”菜单中的“新建组件”命令,新建一个以“圆按钮”为名称的按钮组件,此时进入按钮编辑状态,我们发现按钮是由四个关键帧组成的,除了“向上”、“经过”、“向下”外还有一个确定按钮范围大小的关键帧“执行”
    选择椭圆工具用绿色画一个正圆,删去外边框,打开排序面板,单击“到场景”(以场景为基准),再单击中间水平和垂直对齐圆。这是第一个形态,也就是鼠标还没有来,再在下一帧上插入关键帧,用油漆桶工具选一种亮绿色,也就是鼠标到来时颜色变亮,这是第二个形态。
    在第三帧上插入关键帧,选择一种暗绿色的颜色,这是按下时的形态。
    我们可以总结一下,按钮的三种形态颜色是普通-亮-暗的变化,立体的变化是平坦-凸起-凹下,希望大家能充分利用。
    第四帧先不使用(也就是先用默认值)
    单击“场景1”返回到场景中,打开“图库”我们发现图库中有一个手指形组件这就是我们的按钮,把它拖到工作区中(复制一个实例到工作区),按Ctrl和回车键测试影片,看一下当鼠标移向按钮时的形态变化
    按Ctrl+W键回到场景中,双击按钮进入组件编辑工作区,我们来使用第四帧,选择第四帧,插入关键帧,用箭头工具的选项中的“比例”选项,将第四帧的圆拖大一些,按Ctrl和回车键测试影片,再用鼠标试一试按钮,可以发现按钮的变化范围变大了,第四帧的作用就像遮罩层一样,用来控制按钮的作用区,默认是同样大小。

本教程由86团学校TeliuTe制作|著作权所有,不得用于商业用途

美丽的校园……