chaper6.ppt
第六章 Flash课件制作,赖文华 教师教育学院 Lai_wenhua126.com 13758477326,学习要求及内容,基本要求:了解Flash课件的类型和交互方法,能够结合教学设计的理论进行课件设计与开发。 选择题课件; 连线题; 填空题; 判断题; 拖拽题课件; 连线题课件; 智能题库设计。,演示型课件,利用演示文稿模板制作课件的方法 从模板创建影片文档的方法 自定义演示型课件模板,1.从Flash模板创建影片文档 2.替换模板中的图片。,利用幻灯片演示文稿模板制作专业幻灯片课件的方法 认识和使用行为面板 屏幕技术的应用,2“行为”面板,显示在“屏幕轮廓”窗格的每一个页面都被称作“屏幕”。每个文档的顶层中都有一个主屏幕。,行为实质上是一些预定义的ActionScript函数,使用时可以将它们附加到Flash文档中的对象上,而无须自己创建ActionScript代码。,1屏幕,7.2.1 从Flash模板创建影片文档,创建幻灯片屏幕,利用“行为”面板添加按钮行为和幻灯片切换过渡效果,Flash模板,是一种预先设置好的特殊影片文档,提供了塑造最终影片文档外观和交互结构的框架。,Flash模板,需要自己创建影片剪辑元件,stop(); function back(event:MouseEvent):void this.prevFrame(); backBtn.addEventListener(MouseEvent.MOUSE_DOWN,back) function forward(event:MouseEvent):void this.nextFrame(); forwardBtn.addEventListener(MouseEvent.MOUSE_DOWN,forward),需要自己编辑actionscript脚本,测验模板课件,利用测验模板制作课件的方法 组件检查器面板的使用方法,制作第1个题型拖曳题,制作第2个题型填空题,制作第3个题型热对象题,1创建热对象,2设置“热件交互操作”组件参数,制作第4个题型热区题,2设置“热区交互操作”组件参数,制作第5个题型多项选择题,制作第6个题型判断题,制作单一类型的测验题课件,删除测验模板中多余的题型关键帧 添加多项选择题题目 别忘记改变影片剪辑的名字呀!,判 断 题 课 件,判断题课件的制作方法 UI组件中单选按钮组件的应用 测验题课件中动态反馈信息影片剪辑的制作方法 if选择语句在判断题课件中的应用,“组件”面板 利用Flash内置的UI组件,可以创建功能强大、效果丰富的课件。 单选按钮对象参数 单选按钮的“Label”参数和“Group Name”参数是两个重要的参数。 click 事件,步骤一:制作答题反馈信息影片剪辑元件,1创建课件界面,2制作影片剪辑元件,3布局场景,步骤二:制作单选按钮选项,1创建单选按钮对象,2设置单选按钮对象参数,步骤三:定义动作脚本判断答案对错,stop(); var pd:uint; d1.addEventListener(MouseEvent.CLICK,jy); d2.addEventListener(MouseEvent.CLICK,jy); function jy(event) pd = event.target.value; if (pd = 1) panduan_mc.gotoAndStop(“dui“) else panduan_mc.gotoAndStop(“cuo“) ;,单 选 题 课 件,单项选择题课件的制作方法 UI组件中单选按钮组件的应用方法 用动态文本对象实现信息反馈的方法 标准测验题课件中翻页导航功能的实现方法,步骤一:制作单选题题目,1创建课件界面,2输入单选题题目,步骤二:创建单选按钮,1放置第1组单选按钮对象,2设置第1组单选按钮参数,3创建其他单选按钮,步骤三:创建用来显示反馈信息的动态文本,选择动态文本类型,步骤四:用按钮实现翻页导航控制,1创建翻页按钮,2制作actionscript图层,步骤五:利用侦听器对象编程实现答题信息反馈,stop(); var pd:uint; a1.addEventListener(MouseEvent.CLICK,jy); a2.addEventListener(MouseEvent.CLICK,jy); a3.addEventListener(MouseEvent.CLICK,jy); a4.addEventListener(MouseEvent.CLICK,jy); function jy(event) pd = event.target.value; if (pd = 1) result.text = “答对了!“; else result.text = “答错了!“; ; next_btn.addEventListener(MouseEvent.CLICK,frame_next); function frame_next(event) this.nextFrame(); ,多项选择题课件,多项选择题课件的制作方法 复选框(CheckBox)组件的使用方法 声音反馈信息在标准测验题课件中的实现方法 动态文本在标准测验题课件的应用 逻辑表达式的应用,selected属性 selected是复选框组件的属性,它可以判断复选框是被选中还是未被选中。,逻辑运算符&& &&是“逻辑与”运算符,它的运算结果是一个逻辑值。,复选框组件 面对多个复选框,用户可以选择其中的一个,也可以选择其中的几个,甚至全部选中。,步骤一:创建测验题目和复选框,1创建影片文档和课件界面,2创建测验题目和复选框,步骤二:创建“查看结果”按钮和动态文本,1创建“查看结果”按钮,2创建动态文本,步骤三:定义声音反馈信息的动作脚本,步骤四:定义“查看结果”按钮的动作脚本,result_btn.addEventListener(MouseEvent.CLICK,dc); function dc(me:MouseEvent) if d1.selected ,填 空 题 课 件,用动态文本和输入文本制作填空题课件的方法 用Math类的random()方法产生随机数的方法 Math类的floor()方法的应用 用String()函数将数值型数据转换为字符型数据的方法 响应键盘事件的方法 用TextField类的restrict属性限制用户输入的字符类型,TextField类 TextField类是Flash内置的文本字段类,属性设置可以在“动作”面板的“flash.text类”|Textfield子类|属性Textr下可以找到TextField类。,random() floor()和string()方法,空按钮元件 空按钮元件是一个特殊的按钮元件,元件场景中没有任何对象。,步骤一:创建课件界面和元件,1创建影片文档和课件界面,2制作元件,步骤二:创建动态文本和输入文本,步骤三:定义动作脚本,num1Txt.text = “29“; num2Txt.text = “38“; resultTxt.restrict = “0-9“; pd_btn.addEventListener(MouseEvent.CLICK,pd); function pd(me:MouseEvent) var a = int(num1Txt.text); var b = int(num2Txt.text); var c = int(resultTxt.text); if (c = a+b) zq_mc.gotoAndPlay(2); else cw_mc.gotoAndPlay(2); ct_btn.addEventListener(MouseEvent.CLICK,ct); function ct(me:MouseEvent) num1Txt.text =String(Math.floor(Math.random()*100); num2Txt.text =String(Math.floor(Math.random()*100); resultTxt.text = “; ,拖曳题课件,制作拖曳题课件的方法 利用MovieClip类的startDrag()和stopDrag()方法实现影片剪辑的拖曳功能 利用MovieClip类hitTestObject ()方法检测拖曳碰撞,enabled属性:enabled是MovieClip类的属性,通过它可以设置影片剪辑实例是否可用。,hitTestObject ()方法 : hitTestObject ()是MovieClip类的方法,用于检测一个影片剪辑是否和另一个影片剪辑相交。,步骤一:创建课件界面和实验仪器,步骤二:创建待安装的仪器元件和碰撞检测元件,步骤三: 用动作脚本实现仪器拖曳和组装,var oldx1: Number= drag1_mc.x; var oldy1: Number= drag1_mc.y; drag1_mc.addEventListener(“mouseDown“,movepic); function movepic(me:MouseEvent) me.target.startDrag(); ; drag1_mc.addEventListener(“mouseUp“,d1); function d1(me:MouseEvent) me.target.stopDrag(); if (me.target.hitTestObject(jiance1_mc) me.target.x = jiance1_mc.x; me.target.y = jiance1_mc.y; me.target.enabled = 0; else me.target.x = oldx1; me.target.y = oldy1; ;,步骤四:实现答案查询功能,定义“答案”按钮的动作脚本,定义“返回”按钮的动作脚本,answer_btn.addEventListener(“mouseDown“,answer); function answer(me:MouseEvent) drag1_mc.x = jiance1_mc.x; drag1_mc.y = jiance1_mc.y; drag2_mc.x = jiance2_mc.x; drag2_mc.y = jiance2_mc.y; drag3_mc.x = jiance3_mc.x; drag3_mc.y = jiance3_mc.y; drag1_mc.enabled = false; drag2_mc.enabled = false; drag3_mc.enabled = false; ,