Flash课件填空题的制作.docx
《Flash课件填空题的制作.docx》由会员分享，可在线阅读，更多相关《Flash课件填空题的制作.docx（14页珍藏版）》请在冰豆网上搜索。
Flash课件填空题的制作
网易学院：
l
Flash课件填空题的制作
实例效果：
运行程序后，显示画面如图1，在填空题的空白处填上答案，最后单击“提交“按钮，若答案正确则在该题后面显示对号“√”，如果填充的内容不正确或者不填，该题后面显示“×”并在最后显示总分及“返回”按钮。
单击“返回”按钮可再做一遍题目。
设计思路：
图层1放置题目，并拖入两个输入文本框，宋体，变量名分别是t1,t2，并延伸到第2帧
图层2第1帧放置按钮，按钮上输入文字“提交”，按钮上添加转到第2帧并停住的代码。
第2帧插入关键帧，并在按钮上输入文字“返回”，按钮上添加转到第1帧并停止的代码。
图层3的第1帧添加动态文本，变量名为cj，用来显示总成绩。
延伸到第2帧
图层4的第1帧添加stop（）;第2帧插入关键帧，帧代码用条件语句判断各题的正确，若正确显示“√”，该题就得分，否则显示“×”，该题不得分，最后累加各题的分数并显示在动态文本cj中。
操作步骤：
1、选菜单“文件|新建”，在弹出的对话框中选“Flash文件（ActionScript2.0）”单击“确定”
2、把图层1改名为“题目”，并输入相应的题目，如图：
3、单击“文本工具”，在属性面板中选“输入文本”，宋体，如图：
4、在舞台上拖出一个输入文本框，选中该文本框，在属性面板中设置该文本框的变量名为t1，如图：
5、按住Alt键拖动该文本框到第2题的填空处并改变量名为t2,如图：
6、选菜单“插入|新建元件”，新建一个名称为“对错”的影片剪辑元件，单击确定后进入元件的编辑窗口，在第1帧右击选“动作”，输入脚本stop（）;在第2帧上右击，插入关键帧，在舞台上画一个“√”，在第3帧上右击插入关键帧，在舞台上画一个“×”，如图，单击“场景1”返回主场景
7、从库中拖出“对错”元件放到第一题后面，并在属性面板上设置实例名称为mc1,再拖一个“对错”元件放到第二题后面，设置实例名称为mc2,如图：
8、
9、在“题目”图层的第2帧右击选菜单“插入帧”，锁定该图层。
10、在“题目”图层上右击选“插入图层”新建图层2，双击图层2改名为“按钮”，选中“按钮”图层的第1帧，选菜单“窗口|公共库|按钮”，在弹出的按钮库面板中选一个按钮，拖到舞台的右下角并调整大小，如图：
11、双击舞台上的按钮，进入按钮编辑窗口，删除按钮上的文字。
单击“场景1”返回主场景
12、用文本工具在舞台的“按钮”上输入文字“提交”，如图：
13、在按钮图层的第2帧插入关键帧，改按钮上的文字为“返回”，
14、右击第1帧上的按钮（注意是右击按钮而不是按钮上的文字）选菜单“动作”，输入代码：
on（release）{
gotoAndStop
（2）;
}
15、右击第2帧上的按钮选菜单“动作”，输入代码：
on（release）{
gotoAndStop
（1）;
t1=""//清空第一题所填空内容
t2=""//清空第二题所填空内容
cj=""//清空成绩
mc1.gotoAndStop
（1）;
//第1题后面显示“√”或“×"的影片剪辑mc1转到第1帧什么都不显示
mc2.gotoAndStop
（1）;
//第2题后面显示“√”或“×"的影片剪辑mc2转到第1帧什么都不显示
}
15、锁定“按钮”图层，右击“按钮”图层选菜单“插入图层”新建图层3，双击图层3改名为“成绩”，选中“成绩”图层的第1帧，用文本工具，属性面板上选“静态文本”，输入文字“成绩：
分”，如图：
16、在舞台空白处单击取消对文字的选择，再用文本工具，选“动态文本”，在舞台空白处拖出一个文本框，并在属性面板上“变量”一栏输入cj,把动态文本框拖到成绩的文本框上，如图：
17、右击“成绩”按钮，选菜单“插入图层”新建图层4，双击图层4，命名为代码：
在“代码”图层的第1帧右击选“动作”，输入代码：
stop（）;
18、在“代码”图层的第2帧上右击插入关键帧，右击第2帧选“动作”，输入代码：
//第一题代码
if（t1=="Ctrl+T"）{
cj1=1
mc1.gotoAndStop
（2）;
}else{
cj1=0
mc1.gotoAndStop（3）;
}
//第二题返回信息代码
if（t2=="Ctrl+K"）{
cj2=1
mc2.gotoAndStop
（2）;
}else{
cj2=0
mc2.gotoAndStop（3）;
}
cj=（cj1+cj2）*50//50是每题得分数.
19、测试存盘。
说明：
如果选择题要出第3题或第4题…，则每题的填空处要建相应的输入文本t3，t4,每题的后面要拖入相应的元件mc3、mc4…，并改动“代码”图层第2帧上的程序。
判断题的制作
该类课件主要应用了FlashUI组件中的RadioButton单选按钮组件制作题目选项的界面，然后再通过编写ActionScript语言实现题目正确与错误的判断过程。
课件运行时，用户通过单击单选按钮答题，当回答正确时，屏幕出现表示“答对了，真棒！
”的鼓励语句，当答错时，屏幕将出现“真遗憾，错了！
”字样，提示选择的错误，图7.1为程序运行结果。
图运行结果画面
（1）创建新文档
①启动Flashcs4，出现的“新建文档”界面，或在已开启的Flashcs4界面中点击【文件】|【新建】菜单命令，弹出“新建文档”对话框；
②在界面和对话框中选择“Flash文件（Actionscript3.0）”选项，创建一个遵循Actionscript3.0语法规则的Flash文档。
创建界面请参见图7.2创建文档。
③选择菜单栏上【修改】|【文档】，进入文档属性面板，设置文档大小为1024╳768。
【提示】：
是Flash整合到Adobe公司后推出的功能强大、面向对象的编程语言,其代码执行速度比早期要快10倍，且向下兼容，但单个SWF文件无法将ActionScript1.0或2.0代码和ActionScript3.0代码组合在一起使用。
ActionScript3.0代码可以加载以ActionScript1.0或2.0编写的SWF文件，但它无法访问该SWF文件的变量和函数，因此，如果是熟悉ActionScript的用户，可以考虑仍然采用ActionScript2.0格式新建文件，但可能会影响到课件日后使用的兼容性，如果是ActionScript语言的新手，建议直接切入新版本，采用格式创建文件。
图创建文件
（2）制作软件背景画面
①点选程序下方的“时间轴”选项卡，在出现的“时间轴”面板左下侧的图层控制区域，对“图层1”字样双击鼠标，将“图层1”名称修改成“背景”；
②执行【文件】|【导入】|【导入到库】菜单功能，将一个背景图片导入到该文件库中以备用；
③选中“时间轴”面板的“背景”图层，将库中的背景图像拖放到当前图层的编辑界面中，建立如图7.3的课件背景。
图7.3建立课件背景
（3）制作题目内容画面
1单击“时间轴”面板的“插入图层”按钮，分别新建2个图层，并命名为“题目”和“脚本”；
2选择“题目”图层的第一帧，单击“文本工具”按钮建立一个文本编辑区域，在文本编辑区中输入“判断题”几个字样，字体选择“华文行楷”，字号选择96号，字体颜色为蓝色，同样单击“文本工具”按钮建立相应的文本编辑区域，在文本编辑区中输入题目“Flash是动画制作软件吗？
”和答案选项“是”和“不是”，字体选择“华文新魏”，字号选择78号，字体颜色为红色；
3选择【窗口】菜单的【组件】选项，打开“组件”窗口，双击UserInterface组件类，找到RadioButton选项，如图7.4RadioButton组件，并分别拖放两个RadioButton按钮到舞台，分别对应“是”和“不是”文字位置，并将其对齐，最终效果如图7.5创建题目内容所示；
图7.4RadioButton组件
图7.5创建题目内容
4选中其中一个RadioButton组件，并点选右边面板的“属性”选项卡，激活组件检查器面板，选择“参数”选项卡，将文本“是”对应的RadioButton组件的GroupName属性设置为“PanDuan”，删除lable参数的值，将value参数设置为“rightA”，同样对“不是”的RadioButton组件做相同设置，唯一不同的是value参数设置为“wrongA”，具体操作如图7.6RadioButton组件属性面板
图7.6RadioButton组件属性面板图7.7设置RadioButton属性
（4）制作评判“正确”与“错误”的影片剪辑
1新建一个新元件，将元件名称改为“Right”，类型下拉改成“影片剪辑”，单击“确定”按钮，此时将出现“Right”影片剪辑的编辑界面；
2选择“Right”影片剪辑“图层1”的第一帧，并在编辑界面中，利用“文本工具”，在编辑界面中央输入“答对了，真棒！
”字样，字体设置成蓝色，并结合绘图工具在字旁边绘制出笑脸图样，图7.8创建评价反馈影片剪辑是设置后的效果图；
图7.8创建评价反馈影片剪辑
3参照上面步骤，创建名称为“Wrong”的用于判断错误情况的影片剪辑，在编辑界面中输入“真遗憾，错了！
”，并绘制哭脸；
4返回场景，分别将刚才制作的“Right”和“Wrong”影片剪辑拖放到舞台题目选项的右侧，两个影片剪辑最好完全重叠放置；
5选中舞台中的“Right”影片剪辑，打开“属性”面板，单击“实例名称”文本框并在里面输入“Dui”字样，同样方法，将“Wrong”影片剪辑的“实例名称”改成“Cuo”。
（5）利用“Actionscript”脚本语言设置问题选项点击动作行为
1选择“脚本”图层的第一帧，并点击菜单“窗口”中的“动作”选项，或者直接按F9快捷键，打开“动作——帧”面板；
2在“动作——帧”面板中输入如下脚本代码，实现点击动作行为，如图7.9输入脚本事件语言所示。
stop（）;
Dui.visible=false;
Cuo.visible=false;
//问题选项未被选择时隐藏“Right”和“Wrong”影片剪辑
//此三行程序导入该程序所用的事件类别
varPanDuanGRP:
RadioButtonGroup=RadioButtonGroup.getGroup（"PanDuan"）
PanDuanGRP.addEventListener（MouseEvent.CLICK,clickHandler）;
//此两行程序为RadioButton组件加入侦听事件
functionclickHandler（event:
MouseEvent）:
void{
if（event.target.selection.value=="rightA"）{
Dui.visible=true;
Cuo.visible=false;
}
else{
Dui.visible=false;
Cuo.visible=true;
}
//判断选项点击结果，点击正确显示“Right”影片剪辑，点击错误显示“Wrong”影片剪辑
}
图7.9输入脚本事件语句
【提示】ActionScript2.0与ActionScript3.0的addListener（）方法存在差别：
∙在ActionScript2.0中添加事件侦听器，某些情况下使用addListener（），在其它情况下使用addEventListener（）；而在ActionScript3.0中，始终使用addEventListener（）。
∙ActionScrip
升级会员 