资源简介

(共14张PPT)
项目七 使用UI组件制作测验题课件
任务一 制作“单项选择题”课件
任务二 制作“多项选择题”课件
任务三 制作“数学填空题”课件
任务四 制作“数学判断题”课件
任务一 制作“单项选择题”课件
下面通过使用UI组件配合ActionScript 2.0制作单选题课件。
“单项选择题”课件
（一）组件简介
组件简单来说就是带有参数的影片剪辑，用户只需对参数进行简单的设置，便可以修改组件的外观和行为。此外，还可以利用组件与ActionScript语句配合，制作交互动画。选择“窗口”>“组件”菜单，即可打开“组件”面板。ActionScript 2.0与ActionScript 3.0版本中的“组件”面板稍有不同，ActionScript 2.0版本下的“组件”面板包含3类Flash内置的组件。
ActionScript 2.0版本下的“组件”面板
Media组件主要用于控制声音的加载和播放
User interface组件用于设置用户界面，并通过界面使用户与应用程序进行交互，Flash中大多数交互操作都是通过该组件实现的
Video组件主要用于对播放器中的播放状态和播放进度等属性进行交互操作
（二）制作课件场景
下面制作单选题课件的界面，并准备课件的素材，具体步骤如下：
新建并重命名图层
2.在“图层1”上方新建5个图层，并将图层分别命名为“底图”、“文本”、“选项”、“判断”、“按钮”和“代码”。
1.新建一个Flash文档，将场景大小设为800 600像素，然后将“底图.jpg”图像素材导入到舞台中，并将其“x”和“y”坐标都设为“0”。
输入标题文本
输入题干和选项文本
3.选择“文本工具” ，在“属性”面板中将“文本类型”设为“静态文本”，“系列”设为“黑体”，“大小”设为“40”，“颜色”设为白色，然后在“文本”图层舞台左上方输入标题文本，并为其添加“投影”滤镜。
4.将“文本工具” 的“大小”设为“25”，将“颜色”设为黑色，然后在“文本”图层中输入题干，再将“文本工具” 的“大小”设为“20”，在题干下方输入选项文本。
创建动态文本
5.将“文本工具” 的“文本类型”设为“动态文本”，将“系列”设为“隶书”，将“大小”设为“50”，将“颜色”设为红色（#FF0000），然后在“判断”图层中按住鼠标左键并拖动，创建一个动态文本。
创建“翻页”按钮元件
编辑“翻页”按钮元件
6.在“按钮”图层中创建一个绿色箭头图形，并将其转换为名为“翻页”的按钮元件。
7.双击舞台中的“翻页”按钮元件实例进入其编辑状态，在指针经过帧、按下帧和点击帧插入关键帧，然后将“指针经过”帧中的箭头颜色改为红色（#FF0000），并将其适当放大。
复制并调整“翻页”按钮
改变题干和选项文本
8.回主场景，将“翻页”按钮复制一份并水平翻转，然后调整两个“翻页”按钮的位置，并为其添加“投影”滤镜。
9.在所有图层的第2帧插入普通帧，再在“文本”、“选项”和“代码”图层的第2帧插入关键帧，然后在“文本”图层改变题干和选项文本的内容。
（三）添加RadioButton组件
利用RadioButton组件，可以创建让使用者在多个选项中任选其一的单选按钮，下面为课件添加RadioButton组件，具体步骤如下：
添加RadioButton组件
1.打开“组件”面板，将User interface类中的RadioButton组件拖至“选项”图层第1帧舞台中第1行选项文本的左侧。
设置RadioButton组件参数
复制并设置RadioButton组件
2.保持RadioButton组件的选中状态，在“属性”面板中将“data”设为“0”，“groupName”设为“t1”，“label”设为“Ａ”，其他保持默认不变。
3.将RadioButton组件复制3份，并分别放置在第2、3、4行选项文本的左侧，然后将第2个RadioButton组件的“labe”设为“B”，将第3个RadioButton组件的“labe”设为“C”，将第4个RadioButton组件的“data”设为“1”，“labe”设为“D”。
为第2帧添加RadioButton组件
4.为“选项”图层的第2帧添加RadioButton组件，将所有RadioButton组件的“groupName”设为“t2”，将第2个RadioButton组件的“data”设为“1”，其他RadioButton组件设为“0”。
（四）添加ActionScript 2.0代码
UI组件需要与ActionScript配合才能实现交互效果，下面为课件添加ActionScript 2.0代码，具体步骤如下：
设置动态文本的变量 为第1帧添加代码
1.选中“判断”图层中的动态文本，在“属性”面板中将其“变量”设为“pd”。
2.选中“代码”图层的第1帧，为其添加代码。
为第2帧添加代码
为翻页按钮添加代码
3.选中“代码”图层的第2帧，为其添加代码。
4.选中舞台中用于向前翻页的按钮，为其添加左图所示的代码；再为用于向后翻页的按钮添加右图所示的代码；这段代码的意思是翻页后清空动态文本中的文字。
5.最后保存文档，并按快捷键【Ctrl+Enter】测试课件效果。
为关键帧添加代码
3.选中“代码”图层的第1帧，为其添加代码。
4.最后保存文档，并按快捷键【Ctrl+Enter】测试课件效果。

展开更多......

收起↑