资源简介

(共31张PPT)
项目七 使用UI组件制作测验题课件
任务一 制作“单项选择题”课件
任务二 制作“多项选择题”课件
任务三 制作“数学填空题”课件
任务四 制作“数学判断题”课件
任务二 制作“多项选择题”课件
下面通过使用UI组件配合ActionScript 2.0制作多选题课件。
“多项选择题”课件
（一）制作课件场景
首先制作多选题课件的界面，并准备课件的素材，具体步骤如下：
新建并重命名图层
2.在“图层1”上方新建5个图层，并将图层分别命名为“底图”、“文本”、“选项”、“判断”、“按钮”和“声音”。
1.新建一个Flash文档，将场景大小设为800×600像素，然后将“底图.jpg”图像素材导入到舞台中，并将其“x”和“y”坐标都设为“0”。
创建题干和选项文本
3.选择“文本工具”，在“属性”面板中将“文本类型”设为“静态文本”，在“文本”图层的舞台中创建选项文本。
创建动态文本
创建“提交”按钮元件
4.将“文本工具” 的“文本类型”设为“动态文本”，在“文本”图层的舞台中创建选项文本。
5.在“按钮”图层创建一个矩形并使用“选择工具” 调整其形状，然后为其填充由青色（#00FFFF）到深蓝色（#0033FF）再到青色（#00FFFF）的线性渐变，再将其转换为名为“提交”的按钮元件。
编辑“提交”按钮元件
6.双击舞台中的“提交”按钮元件实例，进入其编辑状态，然后在指针经过帧、按下帧和点击帧处插入关键帧，并将“指针经过”帧中图形的填充颜色改为由黄色（#FFFF00）到橘黄色（#FF6600）再到黄色（#FFFF00）的线性渐变。
7.在“图层1”上方新建“图层2”，然后选择“文本工具” 将“文本类
型”设为“静态文本”，“系列”设为“黑体”，“大小”设为“25”，“颜色”设为白色，在“图层2”的“弹起”帧输入“提交”文本，再在指针经过帧、按下帧和点击帧处插入关键帧，并将“指针经过”帧中的文本改为黑色。
（二）添加CheckBox组件
CheckBox组件用于制作可让使用者同时选择多个项目的复选框，下面为课件添加CheckBox组件，具体步骤如下：
添加CheckBox组件
1.返回主场景，打开“组件”面板，将User interface类中的CheckBox组件拖至“选项”图层舞台中第1行选项文本的左侧。
设置CheckBox组件参数
复制并设置CheckBox组件
2.保持CheckBox组件的选中状态，在“属性”面板中将“label”设为“A”，其他保持默认不变。
3.将CheckBox组件复制3份，并分别放置在第2、3、4行选项文本的左侧，然后将第2个CheckBox组件的“label”值设为“B”，将第3个CheckBox组件的“label”设为“C”，将第4个CheckBox组件的“label”设为“D”。
（三）制作声音影片剪辑
在该课件中，答对时会有正确的音效，答错时会有错误的音效，而声音素材是添加在影片剪辑中的，具体操作步骤如下：
创建“正确声音”影片剪辑
1.按快捷键【Ctrl+R】导入“正确音.mp3”和“错误音.mp3”声音素材，然后按快捷键【Ctrl+F8】创建一个名为“正确声音”的影片剪辑。
设置“正确声音”影片剪辑中的声音
设置“错误声音”影片剪辑中的声音
2.在“图层1”上方新建“图层2”，然后分别将图层重命名为“声音”和|“代码”，在所有图层的第20帧插入普通帧，在“声音”图层的第2帧插入关键帧，再在“属性”面板中的“名称”下拉列表中选择“正确音.mp3”选项，在“同步”下拉列表中选择“数据流”选项。
3.利用“直接复制”命令创建一个名为“错误声音”的影片剪辑，然后在其“声音”图层第2帧的“名称”下拉列表中选择“错误音.mp3”选项，在“同步”下拉列表中选择“数据流”选项。
（四）添加ActionScript 2.0代码
下面为课件添加ActionScript 2.0代码，以实现课件的交互效果，具体步骤如下：
设置“正确声音”影片剪辑实例的实例名称
1.分别在“正确声音”和“错误声音”影片剪辑中“代码“图层的第1帧添加“stop”语句，然后返回主场景，将“库”面板中的“正确声音”影片剪辑拖到“声音”图层的舞台中，并将其实例名称设为“zq”；再将“库”面板中的“错误声音”影片剪辑拖到“声音”图层的舞台中，并将其实例名称设为“cw”。
设置动态文本的变量
2.选中舞台中的动态文本，在“属性”面板中将其“变量”设为“pd”。
为“提交”按钮添加代码
3.选中舞台中的“提交”按钮，然后为其添加代码。
4.最后保存文档，并按快捷键【Ctrl+Enter】测试课件效果。
任务三 制作“数学填空题”课件
下面通过使用UI组件配合ActionScript 2.0制作数学填空题课件。
“数学填空题”课件
（一）制作课件场景
首先制作课件场景，具体步骤如下：
新建并重命名图层
2.在“图层1”上方新建5个图层，并分别将图层重命名为“底图”、“文
本”、“题目”、“按钮”、“声音”和“代码”。
1.新建一个Flash文档，将场景大小设为800×600像素，然后将“底图.jpg”图像素材导入到舞台中，并将其“x”和“y”坐标都设为“0”。
创建标题文本和运算符
创建红色三角形
3.选择“文本工具” ，在“属性”面板中将“文本类型”设为“静态文本”，“系列”设为“黑体”，“大小”设为“40”，“颜色”设为白色，然后在“文本”图层舞台中输入标题文本，并适当旋转，再将“文本工具” 的“大小”设为“25”然后在“文本”图层的舞台中创建运算符号。
4.使用“线条工具”在标题文本下方创建一个三角形，并为其填充红色（#FF0000），并删除其轮廓线。
创建“出题”和“提交”按钮
5.在“按钮”图层中创建一个“出题”按钮和一个“提交”按钮。
6.选择“文本工具” ，在“属性”面板中将“文本类型”设为“动态文本”，“系列”设为“Arial”，“大小”设为“50”，“颜色”设为红色（#FF0000），然后在“题目”图层中创建一个动态文本。
创建动态文本
（二）添加TextInput组件
TextInput组件用于制作可让用户输入文本或显示动态文本的文本框，下面为课件添加TextInput组件，具体步骤如下：
添加TextInput组件
1.打开“组件”面板，将User interface类中的TextInput组件拖至“题目”图层舞台中。
设置TextInput组件的参数
复制TextInput组件
2.打开“组件”面板，将User interface类中的TextInput组件拖至“题目”图层舞台中。
3.将“题目”图层中的TextInput组件复制两份，然后调整其位置。
4.选中“=”运算符右侧的TextInput组件，在“属性”面板中勾选“editable”复选框。
（三）制作声音影片剪辑
按快捷键【Ctrl+R】导入“正确音.mp3”和“错误音.mp3”声音素材，然后参照任务二中的操作，创建一个“正确声音”和一个“错误声音”影片剪辑，并在影片剪辑中添加和设置声音素材。
（四）添加ActionScript 2.0代码
下面为课件添加ActionScript 2.0代码，以实现课件的交互效果，具体步骤如下：
为“出题”按钮添加代码
1.分别在“正确声音”和“错误声音”影片剪辑中“代码“图层的第1帧
添加“stop”语句，然后返回主场景，将“库”面板中的“正确声音”影片剪辑拖到“声音”图层的舞台中，并将其实例名称设为“zq”，再将“库”面板中的“错误声音”影片剪辑拖到“声音”图层的舞台中，并将其实例名称设为“cw”。
2.从左至右依次将TextInput组件的实例名称设为“t1”、“t2”和“t3”，再
将动态文本的实例名称设为“t4”。
3.选中舞台中的“出题”按钮，然后为其添加代码。
为“提交”按钮添加代码
4.选中舞台中的“提交”按钮，然后为其添加代码。
5.最后保存文档，并按快捷键【Ctrl+Enter】测试课件效果。
任务四 制作“数学判断题”课件
下面通过使用UI组件配合ActionScript 3.0制作数学判断题课件。
“数学判断题”课件
（一）制作课件场景
首先制作课件场景，具体步骤如下：
新建并重命名图层
1.新建一个Flash（ActionScript 3.0）文档，将场景大小设为800 600像素，然后将“底图.jpg”图像素材导入到舞台中，并将其“x”和“y”坐标都设为“0”。
2.在“图层1”上方新建4个图层，并分别将图层重命名为“底图”、“文本”、“选择”、“判断”和“代码”。
创建标题、题干和选项文本
3.选择“文本工具” ，在“属性”面板中将“文本类型”设为“静态文本”，“系列”设为“黑体”，“大小”设为“50”，“颜色”设为黑色，然后在“文本”图层舞台中输入标题文本，再将“文本工具” 的“大小”设为“35”然后在“文本”图层的舞台中输入题干和选项文本。
创建“判断”影片剪辑
修改文本
4.将“文本工具” 的“大小”设为“50”，“颜色”设为红色（#FF0000），然后在“判断”图层输入“错误！”文本，再选中创建的文本并按【F8】键将其转换为名为“判断”的影片剪辑。
5.双击舞台中的“判断”影片剪辑实例，进入其编辑状态，然后在“图层1”的第40帧插入普通帧，在第2、21和22帧插入关键帧，再删除第1和21帧中的文本，并修改第22帧中的文本。
新建并重命名图层
添加声音素材
6.导入“正确音.mp3”和“错误音.mp3”声音素材，然后在“图层1”上方新建两个图层，并将图层分别重命名为“文字”、“声音”和“代码”。
7.在“声音”图层的第2帧插入关键帧，在“属性”面板中的“名称”下拉列表中选择“正确音.mp3”选项，在“同步”下拉列表中选择“数据流”选项。
8.在“声音”图层的第21和22帧插入关键帧，然后选中第22帧在“属性”面板中的“名称”下拉列表中选择“错误音.mp3”选项，在“同步”下拉列表中选择“数据流”选项。
（二）添加RadioButton组件
本任务是通过RadioButton组件与ActionScript 3.0配合完成的，下面为课件添加RadioButton组件，具体步骤如下：
ActionScript 3.0的“组件”面板
1.回到主场景，打开“组件”面板，会发现ActionScript 3.0与ActionScript 2.0的“组件”面板略有不同，没有了“Media”类组件，而多了“Flex” 类组件。
2.将User interface类中的RadioButton组件拖至“选择”图层的“对”文本左侧，然后在“属性”面板中将“label”编辑框中的文本删除，再将“value”设为“0”。
设置RadioButton组件参数
3.将“选择”图层中的RadioButton组件复制1份，并将其移至“错”文本左侧，然后在“属性”面板中将“value”设为“1”。
（三）添加ActionScript 3.0代码
下面为课件添加ActionScript 3.0代码，以实现课件的交互效果，具体步骤如下：
1.双击“判断”图层中的“判断”影片剪辑实例，进入其编辑状态，在“代码”图层的第20帧插入关键帧，并为第1和20帧添加“stop”语句。
2.返回主场景，将“判断”影片剪辑实例的“实例名称”设为“pd”，将“正确”文本左侧RadioButton组件的“实例名称”设为“yes”， 将“错误”文本左侧RadioButton组件的“实例名称”设为“no”。
为关键帧添加代码
3.选中“代码”图层的第1帧，为其添加代码。
4.最后保存文档，并按快捷键【Ctrl+Enter】测试课件效果。

展开更多......

收起↑