按钮实例——“认识图形”

按钮交互实例——“认识图形”

本实例重点介绍如何使用按钮来控制课件。

【制作提示】：制作本实例需要添加一个影片剪辑元件用于存放题目，并为该影片剪辑元件添加实例名称；制作“帮助”、“答案”、“继续”等三个按钮元件，用于控制课件交互；最后在帧和按钮上添加用于交互的脚本。 【制作步骤】： (一) 制作课件界面

1. 新建一个Flash 文件，将“图层1”重命名为“背景”。

2. 在“背景”图层的第1帧绘制渐变效果的课件背景，如下图。

3. 添加一个图层，命名为“文字”，在场景左上角添加文字“认识图形”，如下图所

示。

填充白黄渐变色

①绘制矩形

②设置矩形，宽：550；高：400

③拖动矩形覆盖整个场景

4. 单击“文字”图层第1帧，在场景右上角添加文字“小学一年级数学”，设置字体

为隶书，字号为28，颜色为黑色。

(二) 制作影片剪辑元件

1. 选择“插入”——“新建元件”菜单命令，新建一个影片剪辑元件，命名为“练

习”，按照如下图所示操作，添加图层和文字。

2. 单击“答案”图层第1帧，按照如下图所示操作，添加并设置“动态”文本。

① 绘制文本框

注意：所谓“动态”文本框，就是指文本框的属性被设置为“动态文本”的文本框，当为“动态”文本框添加一个“变量”名称，如：result ，这样就可在课件运行时，通过动作脚本改变该“动态”文本框的内容。

3. 单击“提示”图层第1

帧，按照如下图所示操作，绘制矩形并转化成名为“提示

1”的影片剪辑元件。

4. 选中红色矩形，按照如下图所示操作，为影片剪辑元件“提示1

”添加实例名称

“tip ”。

注意：为了在动作脚本中控制某个影片剪辑元件，通常需要为该影片剪辑或按钮元件添加一个实例名称，实例名称是唯一的，一般使用拼音或英文缩写等形式命名。

③ 选择“动态文本”

④

单击

5. 双击打开影片剪辑元件“提示1”，按照如下图所示操作，改变关键帧位置。

6. 按照如下图所示操作，制作逐帧动画，产生图形闪烁效果。

7. 为第1帧添加动作脚本：选中第一个空白关键帧，按F9键，打开“动作”面板，

输入语句：“stop();”。 8.

单击最后一个关键帧，重复步骤7，为最后一个关键帧添加动作脚本“stop()；” 9. 点击“练习”影片元件，按照如下图所示操作，为影片剪辑元件“练习”中的“动

作”图层的第1帧添加动作脚本。

拖动第1帧至第2帧位置

拖动后的效果

10. 返回主场景，创建“练习”图层，打开库面板，将影片剪辑元件“练习”拖放到

“练习”图层第1帧的场景中央。单击选中“练习”影片元件，打开“属性”面板，为该影片剪辑添加实例名称：zyz 。

(三) 制作按钮元件

1. 选择“插入”——“新建元件”菜单命令，创建一个按钮元件，命名为“继续”。

2. 制作“继续”按钮第1帧，绘制按钮的背景，如下图所示。

3. 添加一个图层，命名为“文字”，如下图所示操作，制作按钮文字。

② 单击

③ 输入语句

① 重命名为“背

景”图层

② 单击

③ 绘制按钮

背景图形

4. 返回主场景，打开“库”面板，复制“继续”按钮元件，输入名称“答案”，将

“答案”按钮的“文字”图层中所有文字修改为“答案”即可。 5. 重复前面的步骤，复制按钮元件，输入名称“帮助”，将“帮助”按钮的“文字”

图层中所有文字修改为“帮助”即可。 6. 在主场景中创建“按钮”图层，分别将“继续”、“答案”和“帮助”三个按钮元

件拖至“按钮”图层第1帧中。

① 单击

④ 单击

⑤ 修改文字

颜色为黄色

(四) 编辑课件脚本

1. 返回“主场景”，创建“动作”图层，选中“动作”图层第1帧，打开“动作”面

板，输入动作脚本：

stop();

zyz.result = "";

2. 单击“主场景”中的“继续”按钮，打开“动作”面板，输入动作脚本：

on (release) {

_root.zyz.result = ""; _root.zyz.play(); }

3. 单击“主场景” 中的“答案”按钮，打开“动作”面板，输入动作脚本：

on (release) { _root.zyz.result=6;

}

4. 单击“主场景” 中的“帮助”按钮，打开“动作”面板，输入动作脚本：

on (release) {

_root.zyz.tip.play(); }

5. 制作完成，按Ctrl+Enter 预览动画效果。

当鼠标释放时

使主场景中zyz 影片剪辑中的result 变量等于空 使主场景中zyz 影片剪辑开始播放

当鼠标释放时

将数值赋值给result 变量

当鼠标释放时

使主场景中zyz 影片剪辑中的tip 影片剪辑开始播放