程晓 运用Flash中UI组件制作填空题课件

《程晓 运用Flash中UI组件制作填空题课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、题目：运用Flash中UI组件制作填空题课件作者：程晓单位：昌平区职工学校12运用Flash中UI组件制作填空题课件摘要：使用Flash制作填空题，本文尝试了一种使用脚本编程，按钮和动态文本制作填空题的方法，并对结果统计，计算得分。关键词：填空题Flash脚本编程纵横码UI组件填空题是标准测验课件最主要的题型之一，它的使用范围最广。这种课件充分利用了计算机的交互性、多媒体和智能性，使教育过程中的练习和测验活动变得更加简洁有效。使用Flash中的脚本编程、按钮元件和动态文本来实现制作填空题，在制作过程中充分运用UI(UserInterface)组件，这种方法便于课件界面的设计和信息的收集，

2、更能实现计算机与使用者之间的交互，下面以纵横码填空题课件的制作为例来说明其制作过程一、课件介绍首先介绍一下课件，课件的界面如图1所示，使用时，用户在横线上填写正确的纵横码编码，共十道填空题，每题十分。在所有题目做完并且检查无误后，点击提交按钮。交卷后，课件会根据用户填写的内容做出判断，在正确的题目后显示“√”，在错误的题目后面显示“ⅹ”，点击答案按钮可显示正确的答案。在右上角成绩统计区域呈现总得分。（如图1所示）12图1一、制作过程1.制作元件课件中用到的影片剪辑元件有“正误判断”，用于提示用户填写的正误。按钮元件有“提交”“重做”“答案”“返回”，用于用户的选择。（1）新建Flash文

3、档。首先从“文件”菜单里单击“新建”命令，新建一个Flash文档，然后把图层1重命名为“背景”，接着在背景图层的第一帧导入一幅自己满意的图片做背景,在第二帧处按F5键把图层延长到第二帧。（2）制作“正误判断”元件，按下Ctrl＋F8键,在创建新元件对话框中输入名称“正误判断”，类型选择影片剪辑，（如图2所示）。12为第一帧添加脚本“stop()”,选择第2、3帧按下F7键插入空白关键帧。在第2帧的舞台中央插入一个红色的对号，在第3帧的舞台中央插入一个红色的错号。图2（3）创建“提交”元件，类型设置为按钮，在“指针经过”帧插入空白关键帧，绘制空心矩形，把矩形对齐到舞台的中央，在“点击”帧插

4、入关键帧，并为矩形填充颜色。在按钮上方插入文字“提交”。依照此方法，分别制作“重做”“答案”“返回”按钮。2.设置界面（1）设置题目区域①新建图层，重命名为“题目”，在第1帧的舞台中央设置10道填空题。按Ctrl+F7插入输入文本，找到UserInterface,（如图3所示）将输入文本组件拖放到填空题的空白处，在输入文本的属性面板中将其改名为“t1_txt”，依照此方法，分别制作其它9道填空题，第10题改名为“t10_txt”。在屏幕的右上角，再拖放一个输入文本，用于显示总成绩，将这个实例改名为“cj_txt”。12图3②打开库面板，将新建好的“正误判断”影片剪辑拖放到第一题的后面，形

5、成一个实例，用于显示对错，将此实例改名为“pd1_mc”。分别拖放“正误判断”影片剪辑到其它的题后面，并分别为实例改名，第10题改名为“pd10_mc”。③新建图层，重命名为“按钮”，在第1帧处，打开库面板，将“提交”按钮拖放到舞台下方，在属性面板中将其重命名为“tj_btn”。在第2帧处，打开库面板，将“重做”“答案”按钮拖12放到舞台下方，并分别重命名为“fh_btn”“da_btn”。④插入场景，自动命名为“场景2”，为第1帧添加脚本“stop()”，在第1帧的舞台中央将填空题的原题和正确答案显示出来，将“返回”按钮拖放在舞台的右上角。（如图4所示）图43.添加动作脚本代码(1)回

6、到场景1，新建图层并重命名为“动作”。为第1帧添加代码，如下：stop();t1_txt.text="";//设置第1题初始值为空字符串t2_txt.text="";t3_txt.text="";t4_txt.text="";t5_txt.text="";t6_txt.text="";12t7_txt.text="";t8_txt.text="";t9_txt.text="";t10_txt.text="";cj_txt.text="";cj1=0;//设置第1题的成绩初始值为0分cj2=0;cj3=0;cj4=0;cj5=0;cj6=0;cj7=0;cj8=0;cj9=0;cj10=0

7、;vart1:String="";设置变量t1为空字符串vart2:String="";vart3:String="";vart4:String="";vart5:String="";vart6:String="";vart7:String="";12vart8:String="";vart9:String="";vart10:String="";tj_btn.onRelease=function(){gotoAndStop(2);