Flash积件式课件演示器的设计和应用

[摘 要] 在我们设计的课件中，有一大部分仅仅作内容演示用――用到的媒体大多只是文字和图片。对于此类课件，我们往往会选

>> 基于Ｆｌａｓｈ的积件式课件的设计 关于“积件”思想的网络课件设计 基于积件思想的多媒体课件设计 基于iSpring的英语多题型测试Flash交互式课件的设计与应用 运用Flash技术演示Authorware课件制作过程的设计与实现 高中化学实验装置的积件式设计 交互设计在flash课件中的应用 flas设计在教学课件中的应用 计算机教学Flash演示课件的制作 基于积件的多媒体课件快速开发系统 Flash课件的设计与制作 浅谈Flash课件的设计与制作 基于Flash的多媒体交互式课件的设计与开发 Flash在课件制作中的应用 Flash在课件开发中的应用 Flash在排球课件中的应用 Flash课件的应用效果评析 基于FLASH动画机床电气及控制教学积件设计与开发 基于Flash和Action3.0技术的交互多媒体课件设计与实现 积件式教学软件的开发及其在教学中的应用 常见问题解答 当前所在位置：l = true；

posX = imgView._x；

posY = imgView._y；

drag = 0；

完成一帧的动作脚本输入后，单击“动作”面板上的 按钮，用以检查程序中有无语法错误。

第二帧完成载入外部XML文件的工作。外部XML文件在本课件中非常重要，其中存储着需要载入的图片、动画文件信息，本动画规定每个文件有三项信息需要存储：项目名、文件路径、相关信息。采用XML文件来存储关键信息的其他原因一是与它动画文件分离，用户修改整个动画不需要编辑Flash源文件，只需要修改XML文件中的几处信息即可，对用户二次开发来说十分方便；另外，XML利于存放数据，定义也很方便，现在已经是Flash与外部进行通信的主要数据描述方法，并且越来越多的因特网应用都支持XML，这使得它们之间信息交互变得可能。

第三帧对动画中的交互功能进行定义，这些功能包括图片轮换显示、文本框内容的显示、按钮使用、菜单使用、图片选择等。

另外，对菜单“imgList”也要附加动作脚本，选中菜单，按“F9”，打开动作面板输入，如图1-10。（具体代码从略）

二、课件应用

将已经制作好的课件“halloween”文件夹拷贝到硬盘上打开，将看到以下的的结构（图1-11）。Halloween.fla是主动画源文件，相应的Halloween.swf是主动画文件，双击即可运行；选择题.fla是将被主动画载入的动画源文件，使用者可以根据自己的需要自行创作；images文件夹存放资源，其中有图片（必须是jpg格式）、动画（swf），Data.xml存储动画播放内容的相关信息，修改方法后面有专门介绍。

图1-11

1、外部文件准备

课件可以播放的外部文件可以有两种格式：JPG和SWF，它们的最佳大小建议是640px×480px，必须存放在images文件夹中才能正常使用。其中JPG格式是图片，可以预先在图像处理软件中处理好，建议使用Macromedia的另一软件Fireworks 来处理，如4.jpg文件，先在Fireworks中新建大小为640px×480px的空文档（图1-12），复制/导入外部图片，

图1-12

优化后导出为4.jpg，即能使用。（图1-13）

图1-13

选择题.swf是动画演示文件，可以根据实际需要自己开发，此动画是选择题演示。这里不详细介绍它的制作，有3项注意：第一、它的最佳大小建议是640px×480px；第二、如果需要背景色，一定要插入矩形覆盖舞台来实现，这是因为当它被载入到驻动画里的时候，背景会变成透明；第三、如果其中包含动作脚本，不能采用_root.X的方式来定义和调用对象，只能使用_parent.X的方法，具体可以打开它的源程序查看。（图1-14）

图1-14

2、XML文档的修改

在images文档中的Data.xml文件中存储被主动画调用的外部文件信息，其中的内容会被主动画读入。XML中的代码如下：

只要修改项目中的三个参数就能控制主动画载入不同的内容，增加项目可以调用更多的资源。修改时只改中的参数，内容必须加左右引号。

name参数：在主动画里显示在标题“title”区的标题文字。

src参数：此外部图片或动画的路径，注意是相对于Data.xml文件的。

des参数：在主动画里显示在标题“description”区的相关内容文字。

在保存Data.xml此类XML文件的时候，要保存为UTF-8格式，否则在Flash里中文会乱码。（图1-15）修改Data.xml可以使用Windows的记事本，也可以使用Dreamweaver来编辑。

3、课件运行

只要双击halloween.swf即可运行课件。课件分为标题区、内容区、图片区、控制区四个部分。（图1-16）

图1-16

标题区显示的内容对应Data.xml中的name参数，内容区显示的内容对应Data.xml中的des参数，图片区显示的图片动画路径由Data.xml中的src参数控制，图片在转换过程中会有淡入淡出的显示效果。图片区里显示的图片可以被拖动。

在控制区里有三组控制工具。单击 后退按钮实现往回切换内容，单击 前进按钮往下显示新内容。可以通过菜单快速选择要显示的项目。在图片序号输入选择框中，输入图片序号后回车也可以快速跳转到此图片。

注1 RIA：丰富互联网应用程序（Rich Internet Applications）。“富”的概念包含两方面，分别是数据模型的丰富和用户界面的丰富。RIA的用户界面提供了灵活多样的界面控制元素，可以让你有更大的空间去创建更高效和更具有交互性的网络应用程序。

注2 积件（Integrableware）：是由教师和学生根据教学需要，自己组合运用的教学信息和教学处理策略库与工作平台。积件是从课件的经验中发展出来的、现代教材建设的重要观念转变，是继课件之后的新一代教学软件。

注3 XML：可扩展标记语言或可延伸标记语言（eXtensible Markup Language）。标记是指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种信息的文章等。XML要比HTML强大得多，它不再是固定的标记，而是允许定义数量不限的标记来描述文档中的资料，允许嵌套的信息结构。HTML只是Web显示数据的通用方法，而XML提供了一个直接处理 Web 数据的通用方法。XML中的每对标记被称为节点。

注4 imgData = new Array（）；――构造空数组imgData，用于存放载入的图片动画信息。每个数组项都有imgData[i].name、imgData[i].src、imgData[i].des三个属性，用于存放标题、路径、内容数据。

注5 imgXML = new XML（）；――构造XML对象imgXML，用于载入解析Data.xml文件。