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

按钮交互实例——“认识图形”
本实例重点介绍如何使用按钮来控制课件。

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

【制作步骤】： (一) 制作课件界面
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 影片剪辑开始播放。