第五课 按钮

闪客沙龙

制作步骤：

1、新建一电影文件，设置影片属性（100*100，背景自定，其它不动）。

2、创建按钮组件：

(1)执行“插入/新建元件”命令。在弹出的组件属性对话框中，为新按钮输一个名字，比如“an”，选择类型为“按钮”，最后按“确定”按钮。

(2)这时的时间轴转变为由四桢组成的按钮编辑模式，如图1所示。我们将要在这里编辑新按钮。

图1FLASH MX的按钮的编辑模式

▲按钮编辑环境

按钮有特殊的编辑环境，通过在四桢时间轴上创建关键桢，可以指定不同的按钮状态。可能有的

第一帧：Up(向上)桢：（弹起）表示鼠标指针不在按钮上时的状态。

第二帧 Over(经过)桢：（指针经过）表示鼠标指针在按钮上时的状态。

第三帧Down(向下)桢：（按下）表示鼠标单击按钮时的状态

第四帧 Hit(执行)桢：（点击）定义对鼠标做出反应的区域，这个反应区域在电影中是看不到的。

(3)创建第一帧图像。

用椭圆工具先画一个红色无边框的椭圆，再利用文字工具写上（开始）,字色不要红的。把字拖到圆上边，叠放在一起

(4)创建第二帧图像。

单击第二桢，按F6插入一个关键桢，第一桢的图像就出现在舞台上，更改图形的填充色为绿色。

(5)创建第三帧状态的按钮图像。单击向下桢，按F6插入一个关键桢，分别更改图形的填充色。

(6)创建第四帧 Hit(执行)区域。单击第四桢，按F7插入一个空白关键桢，然后用绘图工具制作鼠标响应区域。

▲提示：运行动画时，第四帧（Hit(执行)）桢在舞台上是看不到的，但是它可定义对鼠标单击所能够做出反应的按钮区域，也可以不定义执行桢，这时Up(向下)状态下的对象就会被作为鼠标的响应区。

(7)按钮制作完成，这时可发现按钮已出现在库中，切换到场景1，就可以直接从库中调用按钮了。

3、测试和保存。同理你可以做一个“停止”的按钮。

制作步骤：

1、新建一电影文件，设置电影属性100*100,颜色蓝

2、创建按钮

（1）导入一张gif动画“天使”，点图层选中所有帧，执行编辑菜单下的拷贝帧。执行“插入/新建元件”命令。在弹出的组件属性对话框中，为新组件输一个名字，比如“ts”，选择类型为“影片剪辑”，点第一帧，执行编辑菜单下的粘贴帧。

（2）回到场景1，删第一层的所有帧。（方法是：按住鼠标左键把所有帧全拖黑，再点鼠标右键的删除帧）

(3)执行“插入/新建组件”命令。在弹出的组件属性对话框中，为新按钮输一个名字，比如“dtan”，选择类型为“按钮”，最后按“确定”按钮。

(4)在按钮的第一帧，利用椭圆工具画一渐变色的圆，在第二帧按f7，打开库，找到影片剪辑ts，从库中拖出，第三帧再画一渐变色的圆，颜色可以和第一帧的不同。在第4桢按f7插入一个空白关键桢，用矩形工具绘制一个鼠标响应区域(框着“ts”)。

3、从库中将按钮拖出，放到场景中，测试和保存。

制作步骤：

1、执行“文件/打开”命令打开第2课中的小飞机（fly）源文件.

2、新增加一个图层，执行"窗口"/公共库/按钮”命令，图库中拖放两个按钮到这个图层第1帧的舞台右下角。

3、控制左边按钮的动作：

(1)单击选中左边按钮，执行“窗口/动作”命令，打开对象动作对话框。

(2)在对象动作对话框中，选择标准模式，双击基本动作中的播放（play）开始动作命令。如图1。

(3)关闭对象动作对话框。

4、控制右按钮的动作：如右边的图所示

(1)单击选中右边按钮，执行“窗口/动作”命令，打开对象动作对话框。

(2)在对象动作对话框中，双击基本动作中的停止（stop）动作命令。

5、测试和保存文件。（找一找上图哪是控制飞机的两个按钮：）