资源简介

(共14张PPT)
项目六 制作复杂交互课件
任务六 制作求余数课件
下面通过制作求余数课件，为读者介绍ActionScript 3.0代码的实际应用。
求余数课件
（一）制作课件界面
首先制作求余数课件的界面，具体步骤如下：
新建并重命名图层
2.在“图层1”上方新建5个图层，并分别将图层命名为“底图”、“文本”、“输入文本”、“动态文本”、“按钮”和“代码”。
1.新建一个Flash文档，将场景大小设为800 600像素，然后将“底图.jpg”图像素材导入到舞台中，并将其“x”和“y”坐标都设为“0”。
创建标题文本
3.选择“文本工具” ，在“属性”面板中将“文本类型”设为“静态文本”，将“系列”设为“黑体”，将“大小”设为“50”，将“颜色”设为白色，然后在“文本”图层中输入标题文本，并为其添加“投影”滤镜。
输入其他静态文本
4.将“文本工具” 的“大小”设为“40”，然后在“文本”图层的舞台中输入左图所示的文本并为其添加“投影”滤镜；再将“文本工具” 的“颜色”设为黑色，并在“文本”图层的舞台中输入右图所示的文本。
创建矩形
创建输入文本
5.使用“矩形工具” 在“文本”图层中创建三个矩形，并将其填充颜色设为米黄色（#FFFFCC）。
6.选择“文本工具” ，在“属性”面板中将“文本类型”设为“输入文本”，将“系列”设为“Arial”，将“大小”设为“40”，将“颜色”设为黑色，然后在“输入文本”图层中创建两个输入文本。
创建动态文本
创建“求余”按钮元件
7.将“文本工具” 的“文本类型”设为“动态文本”，然后在“动态文本”图层中创建动态文本。
8.选择“矩形工具”，在“属性”面板中将其“填充颜色”设为没有颜色，将“矩形边角半径”设为“20”，然后在“按钮”图层创建一个圆角矩形，并为其填充由浅绿色（#00FF00）到深绿色（#006600）再到绿色（#00CC00）的线性渐变，再将其转换为名为“求余”的按钮元件。
编辑“求余”按钮元件
9.双击“求余”按钮元件实例进入其编辑状态，然后在“指针经过”、“按下”和“点击”帧插入关键帧，并将指针经过帧中圆角矩形的填充颜色改为由黄色（#FFFF00）到橘黄色（#FF6600）再到橙黄色（#FFCC00）的线性渐变。
10.在“图层1”上方新建“图层2”，然后选择“文本工具” ，将“文本类型”设为“静态文本”，将“系列”设为“黑体”，将“大小”设为“30”，将“颜色”设为白色，然后在“图层2”中输入文本，并为其添加“投影”滤镜。
添加“重置”按钮
导入卡通图像
11.利用“直接复制”命令创建一个“重置”按钮元件，并对其中的文本进行修改，再将“库”面板中的“重置”按钮元件拖至“按钮”图层的舞台中。
12.将“卡通.png”图像素材导入到“底图”图层，并调整其大小和位置。
（二）添加ActionScript 3.0代码
ctionScript 3.0代码只能添加在关键帧中或创建单独的ActionScript文件，而无法像ActionScript 2.0那样添加到按钮或影片剪辑实例上，下面通过为关键帧添加ActionScript 3.0代码实现课件的交互效果。
设置“求余”按钮的实例名称 设置输入文本的实例名称
1.选中舞台中的“求余”按钮，在“属性”面板中将其“实例名称”设为“qy”,；再将“重置”按钮的“实例名称”设为“cz”。
2.选中舞台中“除数”文本右侧的输入文本，在“属性”面板中将其“实例名称”设为“cs”；再将“被除数”文本右侧输入文本的“实例名称”设为“bcs”，将“余数”文本右侧动态文本的“实例名称”设为“ys”。
添加定义求余数的代码
3.选中代码图层的第1帧，然后在“动作”面板中为其添加代码，这段代码用于为“求余”按钮添加侦听鼠标单击事件，当事件发生时调用buttonclick1()函数，在动态文本ys中显示所输入的除数和被除数的余数。
添加定义清空文本的代码
4.继续在步骤3添加的代码后方输入代码，这段代码用于为“重置”按钮添加侦听鼠标单击事件，当事件发生时调用buttonclick2()函数，清空输入文本和动态文本中的内容。
5.最后保存文档，并按快捷键【Ctrl+Enter】测试课件效果。
（三）补充学习
——创建单独的ActionScript文件
下面通过一个小实例，介绍fla文件与ActionScript源文件的绑定方法。
创建ActionScript文件
1.新建一个Flash（ActionScript 3.0）文档，并将其保存为“欢迎.fla”。
2.按快捷键【Ctrl+N】，在打开的“新建文档”对话框中选择“ActionScript文件”选项，然后单击“确定”按钮。
在ActionScript文件中输入代码 在“文档类”编辑框中输入文件名
3.将新建的ActionScript文件保存为“第一个.as”，并和“欢迎.fla”文件放置在同一目录，然后在“第一个.as”文档中输入代码。
4.切换回“欢迎.fla”文档，在“属性”面板的“文档类”编辑框中输入文字“第一个”。
5.对“欢迎.fla”文档进行保存，并按快捷键【Ctrl+Enter】测试影片，会看到一个空白的Flash Player窗口，和一个“输出”面板，面板中显示“欢迎阅读本书”。

展开更多......

收起↑