Make Www.Edu-cn.Com Your Home Page!
用户名: 密码: 验证码: 注册
  当前位置: > 中国教程网>图形图像>平面设计>Flash> 用Flash MX组件制作测验题

用Flash MX组件制作测验题

作者:佚名   来源:中国教程网   点击:   日期:2007-03-31
  对于不擅长编程的学科教师来说,利用 MX提供的组件,不用复杂的编程,就能轻松制作出具有较强交互功能课件。本文介绍一种利用Flash MX组件制作测验题的方法,与大家交流。

  本课件仅仅为了示意,故只设计了测验题部分。运行效果是:每页设置有数道选择题,做完第一页后,可翻页到第二页继续做题,最后,点击"检测"按钮,可出现测验反馈情况。

  制作过程:

  一、输入试题

  1、启动Flash MX,双击"图层1"名称,并改名为"试题",然后选择文本工具(A),在工作区中输入试题内容。输入结果如图一。

www.edu4u.com.cn

图一
图二

  2、在时间轴的第二帧处插入一空白关键帧,仍选择文本工具(A),在工作区中再输入第二页试题内容。(本例共3道题)。如图二

  二、制作选项

  3、选定第一帧,选择"窗口/组件"或CTRL+F7打开组件窗口。选择"RadioButton"组件拖到场景中,并更改其属性:将Lable设为A,GroupName 设为 question1,其余选择默认选项。同法可制作第一题的其它三个选项,只是将Lable分别设为"B"、"C"、"D";GroupName 都设为 question1。

  4、同步骤3,可制作第二题、第三题的选项。只是将第二题中各选项的GroupName 改为 question2;将第三题中各选项的GroupName 改为 question3。

中国教育网


  5、选择第二帧,从组件窗口中拖动"Push Button"按钮到场景的适当位置。并改变其属性:将Lable设为"检测";Click Hander设为 "onclick","实例名称"设为"jc"其余选择默认选择项。

  三、制作导航按钮

  6、选择"窗口/公用库/按钮"打开公用按钮库,单击"circle button",将"circle button-next"按钮拖到第一帧的适当位置。将"circle button-previous"、"circle button-stop"按钮拖到第二帧的适当位置。

  7、在场景中选择"circle button-previous"按钮,然后选择"窗口/动作"命令,打开动作对话框,对该按钮进行动作设置,行为代码为:

  on (release) { gotoAndPlay(1)}

  8、同步骤6,可设置"circle button-stop"按钮的动作,其行为代码为:
on (release) {fscommand("quit");};第一帧上的"circle button-next"按钮的行为代码为:on (release) { gotoAndPlay(2)}。

  9、选定"试题"图层第一帧,再选择"窗口/动作"命令,打开动作对话框,对该帧进行动作设置,行为代码为:stop(),同样第二帧的行为代码也是stop()。

  四、制作显示结果

  10、选定"试题"图层第二帧,选择文本工具(A),在场景中拖出一文本框。并更改其属性:将类型设为"动态文本",实例名称改为"result"。主要用此文本框来显示最终结果。 www.edu-cn.com

edu4u.com.cn

中国教育网

  五、增加动作图层

  11、插入新的图层,并命名为"动作",然后选定"动作"图层第一帧,再选择"窗口/动作"命令,打开动作对话框,对该帧进行动作设置,行为代码为:

  // 设置:
  right=0 // 用right记录答对题数量,
  score=0 // score记录最后的得分
  wrong=0 // wrong记录答错题数量,
  n=5 // n为每题得分
  // 对"检测"按钮用一个函数进行设置。
  function onclick() { // 当单击检测按钮时的动作
    // 判断第三题对错情况
    result3=_root.question3.getValue(); // 取得你选择的结果
    if (result3=="C"){ // 设置为C为正确答案
      right=right+1
    }
    if (result3=="A"||result3=="B"||result3=="D"){ // 设置为A、B、D为错误答案
      wrong=wrong+1
    }
    // 得分反馈情况
    score=right*n
    result.text="你做对了"+ right +"题;"+"做错了"+wrong+"题;"+"共得"+ score +"分"
    jc.setEnabled(false); // 使"检测"按钮失效
  }

  12、上面第11步骤中,没有对第一帧的两题进行判断,原因是,在FLASH 中,当帧跳转后,组件的值不被记忆,因此对于第一帧上的两题的判断,用第一帧中的"circle button-next"导航按钮来完成。
edu4u.com.cn


  六、更改按钮动作

  13、选择"试题"图层第一帧中"circle button-next"按钮,然后选择"窗口/动作"命令,打开动作对话框,将行为代码增加为:

  on (release) { // 单击该按钮时进行的动作
    // 判断第一题对错情况
    result1=_root.question1.getValue();
    if (result1=="B"){ // 设定第一题的正确答案为B
      right=right+1
    }
    if (result1=="A"||result1=="C"||result1=="D"){ // 设定第一题的错误答案为A、C、D
      wrong=wrong+1
    }
    // 判断第二题对错情况
    result2=_root.question2.getValue();
    if (result2=="A"){ // 设定第二题的正确答案为A
      right=right+1
    }
    if (result2=="B"||result2=="C"||result2=="D"){ // 设定第二题的错误答案为B、C、D
      wrong=wrong+1
    }
    gotoAndPlay(2); // 单击时跳到第二
  }

  七、查看效果

  14、选择"控制/测试影片"命令,可查看效果。

  15、最后通过"文件/发布"命令可发布为可执行文件。 edu-cn.com

  八、特别说明

  1、通过对向后翻页按钮的改进,可以统计本页题目正误情况,解决了当帧跳转时,FLASH组件的值丢失的问题。

  2、在动作图层的动作设置中 jc.setEnabled(false)语句的作用是:当按下检测按钮后,使检测按钮失去作用,避免了重复记分。

  3、检测完成后,可返回到首页,重新开始测试,则重新记分。 www.edu-cn.com

edu-cn.com

edu-cn.com

www.edu4u.com.cn



文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   最新文章:
·用FLASH制作放大镜效果全过程(04-02)
·Flash:制作MV(03-31)
·Flash制作碧海蓝天海鸥飞片头动画(04-02)
·【视频教程】吕聪贤FLASH MX2004入门(04-02)
·教你用Flash画卡通人物的脸形(04-02)
·flash打造动画特效(03-31)
·飞舞的螺炫(04-02)
·Flash实例教程——鱼戏莲叶间(03-31)
·Flash初学者入门常见问题大总结(04-02)
·AS代码2.0:针对Flash Player 7(04-02)
   相关文章:
·Flash动画:新年演唱会 ·Flash洋葱皮特效模拟
·实用Flash应用程序—打字练习 ·Flash组件之旅(2):组件样式
·flash打造动画特效 ·Flash组件之旅(3):使用第三方组件
·用Flash MX软件制作遥控小汽车 ·Flash中声音的压缩与效果处理
·用Flash建站的通用思路及步骤 ·Flash制作函数曲线课件

   文章评论:(0条)
  
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。

 §最新评论:

  责任编辑:中国教程网  

© 2007 Copyright 中国教育网
DesignBy:AOE3 STUDIO & ROCOCO