用Flash制作多媒体课件.ppt

7.3 通过Flash组件制作选择型课件 Flash 组件使用方法 ②用代码创建组件 除使用可视化方式创建组件外，还可以用ActionScript编写组件。在使用ActionScript创建组件时，同样需要先将组件面板中的组件拖至库面板中，然后就可以在时间轴的帧中编写代码。 以最常见的Button组件为例，将Button组件拖至库中，在动作面板输入如下代码： import fl.controls.Button;//导入按钮组件的类 var btn1:Button=new Button();//将按钮组件实例化，命名为btn1 btn1.x=200;//定义按钮组件的横坐标位置 btn1.y=200;//定义按钮组件的纵坐标位置 btn1.height=30;//定义按钮组件的高度 btn1.width=80;//定义按钮组件的宽度 btn1.label=“确定”;//定义btn1标签文本为“确定” stage.addChild(btn1);//将按钮组件添加到舞台上 7.3 通过Flash组件制作选择型课件 选择型课件制作案例解析 实例讲解：在本案例中，应用CheckBox、Button、Label等组件来制作主题为“大运会知识问答”的选择型课件。其中CheckBox作为选项出现，Button用来确定选项，Label用来显示正确与否。完成界面如下图所示。 Button组件前面已经讲过来，在实际操作之前，了解下CheckBox、Label。CheckBox就是一般所说的复选框，通常用于某选项的打开或关闭。该组件表明一个特定的状态（即选项）是选定还是清除，即True/False两种状态。因为CheckBox彼此独立工作，所以用户可以同时选择任意多个CheckBox进行选项组合。它属性中比较重要的也是“label”、“selected”、“visible”，鼠标事件用的比较多的是Click事件，通常在触发Click事件的时候首先进行selected值的判断（即选项被改变），然后进行后续操作。在本案例中即利用label的Click事件确定选项是否被selected，进而判断答案的正误。 7.3 通过Flash组件制作选择型课件 7.3 通过Flash组件制作选择型课件 步骤详解： 步骤1：新建Flash ActionScript 3.0文件，命名为“7-4”。 步骤2：将“\本书范例\第7章\原始素材”中的“国际大体联标志.jpg”文件导入到库。按Ctrl+F7键调出组件面板，分别拖动CheckBox、Button、Label组件到库面板中。 7.3 通过Flash组件制作选择型课件 7.3 通过Flash组件制作选择型课件 步骤详解： 步骤3：更改文档属性，将文档大小设置为550×300像素 步骤4：选中图层1第一帧，将库中“国际大体联标志.jpg”文件拖动到舞台左侧，按比例缩放85%。 步骤5：在图层1的第一帧，利用“文本工具”输入如下图所示的内容。 7.3 通过Flash组件制作选择型课件 7.3 通过Flash组件制作选择型课件 步骤详解： 步骤6：在“1.2011大学生运动会的举办城市是 :”下方实例化3个CheckBox作为备选答案，实例名分别是“Guangzhou”、“Shenzhen”、“Beijing”，其label属性分别设为“广州”、“深圳”、“北京”。 7.3 通过Flash组件制作选择型课件 步骤详解： 步骤7：在文本“用户的答案”前面实例化Button组件，命名为“btn1”，label属性设为“确定”按钮。 步骤8：在文本“用户的答案”后面实例化Label组件，命名为“label1”，text属性设为“your answer”。 步骤9：在图层1的第一帧F9键，调出动作面板，输入如下代码： 7.3 通过Flash组件制作选择型课件 步骤详解： guangzhou.addEventListener(MouseEvent.CLICK,onClick1); //侦听guangzhou（checkbox）的click事件，当该事件触发时，激发onClick1函数 function onClick1(e:MouseEvent):void{ shenzhen.selected = false; beijing.selected = false; } //定义onClick1函数，当guangzhou被单击时，赋值shenzhen与beijing的selected属性为false 7.3 通过Flash组件制作选择型课件 步骤详解： shenzhen.addEventListener(MouseEvent.CLICK,onClick2); //侦听shenzhen（check