基于Flash平台的动画控制组件的设计与开发

2011-10-17赵志靖周静

中国教育信息化 2011年2期

关键词：代码面板按钮

赵志靖，周静

(扬州大学新闻与传媒学院，江苏扬州225002)

基于Flash平台的动画控制组件的设计与开发

赵志靖，周静

(扬州大学新闻与传媒学院，江苏扬州225002)

组件是带参数的影片剪辑，开发者通过自定义组件，可以实现代码重用，并且设计人员只需会使用组件而不需要知道组件是如何开发的。文章基于Flash平台，利用ActionScript3.0脚本语言，通过创建动画控制组件详细阐述了自定义组件的设计与开发过程，对课件制作者具有很好的现实指导意义。

动画控制组件；Flash平台；ActionScript3.0脚本语言

Flash课件制作已成为教师、多媒体设计师等从业者必须掌握的技能。在制作Flash课件时，经常需要采用动画来描绘真实场景，从而提高教学效果。对于很多教师来说，Flash动画很容易学会，但对动画的控制需要编写代码，相对来说就非常困难；有些教师虽然懂得代码编写，但是每次控制动画时都需要重新编写代码，不能实现代码重用。如果将动画的控制功能开发为一个组件，则可以实现代码重用，并且操作者只需会使用组件而不需要知道组件是如何开发的。

在当前Flash软件的“组件”面板中没有动画控制组件，本文正是基于上述想法将动画的控制功能定义成单独的组件形式，以供随时使用。这样，教师就不需要理解组件是怎么执行的，只需要知道组件怎么使用就可以了，并且教师不需要重复编写同样的代码了。

一、关于组件

组件是带有参数的影片剪辑，这些参数可以用来修改组件的外观和行为。每个组件都有预定义的参数，并且它们可以被设置。Flash中包含的组件不是FLA文件，而是SWC文件。SWC是用于组件的文件格式。库项目中的电影剪辑可以被预编译成SWC文件，这样可以缩短影片测试和发布的执行时间。

组件使应用程序的设计过程和编码过程分开。通过组件，可以实现代码重用，既可以重复使用自己创建的代码，也可以通过下载并安装其他开发人员创建的组件来重复使用别人的代码。通过使用组件，代码编写者可以创建设计人员在应用程序中能用到的功能。开发人员将常用功能封装在组件中，设计人员只需在Flash中打开“组件检查器”，更改设定参数就可以自定义组件的外观和行为。使用组件避免了不必要的重复劳动，而且使程序结构更清晰，更为重要的是，设计人员使用组件，不必关心组件是如何工作的。

二、动画控制组件的设计与开发

本文基于Flash平台，利用ActionScript3.0脚本语言设计并开发了一个动画控制组件。

1.动画控制组件的界面设计

界面主要由视频播放区域、播放/暂停按钮、当前进度显示、播放进度条、视频总长度显示、音量控制按钮组成，如图1所示。

2.动画控制组件的功能设计

动画控制组件主要用于控制Flash动画，方便教师教学演示和控制，主要是播放、暂停、进度条拖动、声音控制和显示播放时间等。左边的按钮用来控制动画的播放和暂停；中间时间轴上面的滑块可以拖动以实现动画播放进度的改变，鼠标放置在滑块上会出现动画播放的当前帧数和动画总帧数的显示信息；最右边可以通过上下拖动控制滑块改变音量的大小。

3.动画控制组件的开发

（1）项目创建。Flash CS4使用项目开发机制，定义自己的项目并取相应的名称以标示。

（2）创建FLA文档。创建相应的FLA文档，FLA文档用于具体项目开发时界面元素的设计、定义，并有利于项目的保存与修改。

（3）新建影片剪辑。组件就是带有参数的影片剪辑。新建影片剪辑并命名，影片剪辑中共有两帧，第一帧里面放了一个占位符(占位符，就是用户最终观察成品时界面元素都只能在这个范围内显示)，第二帧里面放有组件开发所需要的资源，如界面按钮、文本框、进度条等。

（4）绑定组件类到影片剪辑。在项目面板中创建组件类，为组件类命名SwfCtrl并将组件类绑定到步骤3中定义的影片剪辑。如图4所示。

（5）编写组件类SwfCtrl。在步骤4打开的.as文件中编写SwfCtrl类的代码，包括变量的声明及初始化，各控制功能如播放、暂停、进度条拖动、声音控制和显示播放时间等代码的编写。

（6）代码调试修改。项目开发中代码一次性完成是不可能的，开发人员必须经过多次调试才能够对代码的结构、效果有一定的把握，开发过程中这一步工作就是不断地调试、修改自己的代码，以达到结构清晰、功能完善的目的。

（7）定义组件参数。鼠标右击步骤3中定义的影片剪辑，选择“组件定义”菜单，弹出组件定义面板。在组件定义面板中对组件参数进行定义和修改，通过点击+、-按钮可以添加、删除参数，还可以对参数的名称、变量名、默认值、类型等进行定义。

（8）保存并导出组件。在保存完FLA文档和类文件之后，鼠标右击步骤3中定义的影片剪辑，选择“导出SWC文件”菜单，设置保存路径确定即可。

4.组件的安装和使用

组件的安装比较简单，只需将上述导出的SWC文件复制到Flash的组件目录“C:Documents and SettingsAdministratorLocal SettingsApplication DataAdobeFlash CS4zh_CNConfiguration”，复制完成后，重新启动Flash软件，新创建的组件便会出现在Flash软件的“组件”面板中。

组件的使用：从“组件”面板中将新创建的组件拖入舞台，并在“组件检查器”设置相关参数即可使用。