新编中文Flash_8实用教程第10-12章(三合一).ppt

《新编中文Flash_8实用教程第10-12章(三合一).ppt》由会员分享，可在线阅读，更多相关《新编中文Flash_8实用教程第10-12章(三合一).ppt（160页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第十章第十章 组组 件件 第一节第一节 组件概述组件概述 第二节第二节 组件的使用组件的使用 第三节第三节 制作制作MP3播放器播放器 习题十习题十组件是带参数的影片剪辑，因此，用户可以修改它们的外观和行为。即使用户对ActionScript没有深入的理解，也可以使用组件构建复杂的应用程序，下面将介绍常用组件的类型及功能。一、用户界面（一、用户界面（UI）组件）组件使用用户界面组件，可以十分方便地在Flash中创建简单的交互元件，如表10.1所示即为用户界面组件。第一节 组件概述表10.1 用户界面组件续表二、媒体组件二、媒体组件使用媒体组件，用户可以将媒体导入到应用程序中，如表10.2所示即

2、为媒体组件。表10.2 媒体组件三、管理器组件三、管理器组件管理器是不可见的组件，用户可以使用这些组件在应用程序中管理如焦点或深度之类的功能，如表10.3所示即为管理器组件。表10.3 管理器组件四、数据（四、数据（Data）组件）组件使用数据组件可以加载和处理数据源的信息，如表10.4所示即为数据组件。表10.4 数据组件五、屏幕组件五、屏幕组件使用屏幕组件可以控制Flash中的表单和滑块，如表10.5所示即为屏幕组件。表10.5 屏幕组件在Flash 8中，用户可以在创作的过程中利用组件面板将选中的组件添加到文档中，还可以在属性面板或组件检查器面板中查看组件的属性。一、组件面板一、组件面板

3、组件面板是管理和应用组件的核心，在菜单栏中选择“窗口”“组件”命令，即可打开组件面板，如图10.2.1所示。第二节 组件的使用图10.2.1 组件面板组件面板中包括常用的组件，单击组件名称左侧的“”符号，即可弹出该组件的下拉列表。用户可在该列表中选择相应的组件，将其拖到库面板中，即可使用该组件。二、组件属性面板二、组件属性面板用户可以使用组件属性面板设置组件的参数。用户在组件面板中选择一个组件，将其拖动到舞台中，即可创建该组件的一个实例。在工作窗口下方单击“参数”标签，即可打开该组件实例的属性面板，如图10.2.2所示，该面板中显示了当前选中组件实例的信息，用户可以根据需要对其进行更改。图10

4、.2.2 “组件”属性面板三、组件检查器三、组件检查器当用户将组件的一个实例添加到Flash文档中后，可以在该实例的属性面板中来设置和查看实例的相关信息，也可以使用组件检查器来设置实例的参数，具体操作步骤如下：（1）在菜单栏中选择“窗口”“组件检查器”命令，即可打开组件检查器，如图10.2.3所示。（2）单击组件检查器中名称列中的任意一项，就可在其右侧的值对应的列中设置它的值，如图10.2.4所示。图10.2.3 组件检查器 图10.2.4 设置组件的参数 在Flash 8中，所有的组件都从UIObject和UIComponent类继承属性和方法，这些是所有组件都使用的属性和方法，例如UIOb

5、ject.setSize()和UIObject.y等。提示：设置组件的参数时，有时需要直接输入数字或文本，有时则可以选择指定的值，如true和false，而有的参数需要在弹出的对话框中设置。四、添加和删除组件四、添加和删除组件如果要向文档中添加组件，只须将组件面板打开，在其中选择需要添加的组件，将其拖到舞台中或者双击该组件即可。用户还可以使用任意变形工具调整组件的大小，使用选择工具移动组件的位置，使其符合用户的需要。当某个组件不再使用时，可将其选中后按“Delete”键删除。五、处理组件事件五、处理组件事件所有的组件都有事件，在用户与组件进行交互操作时，即会广播这些事件。要处理事件，可编写在触

6、发事件时执行的代码，用户可以通过两种方式处理组件事件，下面将分别进行介绍。1使用组件事件处理函数处理组件事件最直接、最简单的方式就是使用on()组件事件处理函数。用户可以将该函数分配给组件的实例，就像将处理函数分配给按钮或影片剪辑一样。2使用组件事件侦听器处理组件事件最有效的方式是使用侦听器，具体操作步骤如下：（1）首先创建一个侦听器对象。（2）给侦听器对象分配一个处理事件的函数，该函数被称为回调函数。（3）向组件实例注册侦听器，此时，可以向一个组件实例注册多个侦听器，也可以向多个组件实例注册一个侦听器。（4）发生事件时，事件将由组件进行广播，注册到该组件的所有侦听器都会收到该事件的通知。应用

7、本章所学知识，制作如图10.3.1所示的MP3播放器。第三节 制作MP3播放器图10.3.1 MP3播放器（1）打开Flash 8应用程序，新建一个大小为350像素400像素，背景色为橙色的Flash文档。（2）在工具箱中选择矩形工具，将该工具的笔触颜色设置为白色，填充颜色设置为无，使用该工具在舞台中绘制一个与舞台大小相同的矩形。（3）选择文本工具，在该工具属性面板中设置参数，如图10.3.2所示。图10.3.2 设置文本工具的参数（4）使用该工具在舞台中输入文字，并使用选择工具将其移至合适的位置，如图10.3.3所示。（5）在菜单栏中选择“窗口”“组件”命令，打开组件面板，如图10.3.4所

8、示。图10.3.3 创建的文字 图10.3.4 组件面板 （6）在该面板中单击“Media-Player 6-7”选项左侧的图标将其展开，在展开后的列表中选择“MediaPlayback”选项，如图10.3.5所示。（7）将该组件选中后拖到舞台中，选择“窗口”“组件检查器”命令，打开组件检查器面板，在该面板中设置参数如图10.3.6所示。图10.3.5 选择“MediaPlayback”选项 图10.3.6 设置参数 （8）设置好参数后，即可将其应用到该组件的实例中。使用任意变形工具调整实例至合适大小，效果如图10.3.7所示，并在其属性面板中将实例名称设置为“mp3”。（9）在组件面板中单击

9、“User Interface”选项左侧的图标将其展开，在展开后的列表中选择“Label”选项，如图10.3.8所示。图10.3.7 设置好参数后的效果 图10.3.8 选择“Label”选项 （10）将其选中后拖到舞台中，并在组件检查器中设置如图10.3.9所示的参数，效果如图10.3.10所示，在该实例的属性面板中将实例名称设置为“title”。图10.3.9 设置“Label”组件的参数 图10.3.10 使用“Label”组件创建的实例 （11）按“Ctrl+F8”键，在弹出的“创建新元件”对话框中创建一个名为“连接”的按钮元件，如图10.3.11所示。（12）在该元件的编辑模式中，使

10、用文本工具在舞台中输入文字，如图10.3.12所示。图10.3.11 “创建新元件”对话框 图10.3.12 输入的文字 （13）单击按钮，返回至主场景。将库中的按钮元件拖至舞台中，放置于如图10.3.13所示的位置。（14）按“F9”键打开动作面板，在该面板中输入如下语句：on(release)getURL(“http:/”,“_blank”)图10.3.13 按钮元件的位置（15）单击选择第1帧，按“F9”键打开动作面板，在该面板中输入如下语句：System.useCodepage=true;/解除乱码onxml.trigger();mymp3=new Object();mymp3.cha

11、nge=function()mp3.stop();mp3.setMedia(list.selectedItem.data,“MP3”);mp3.play();title.text=“播放歌曲：”+list.selectedItem.label;list.addEventListener(“change”,mymp3);fscommand(“ShowMenu”,“fasle”);/隐藏右键大部分内容myMenu.hideBuiltInItems();/删除大多内置项，“设置”和“关于”除外（16）在组件面板中单击“Data”左侧的图标将其展开，在展开后的列表中选择“XML Connector”选

12、项，如图10.3.14所示。图10.3.14 选择“XML Connector”选项（17）将其选中后拖到舞台中，放置于合适的位置，并在属性检查器中设置参数，如图10.3.15所示。图10.3.15 调整“XML Connector”组件位置并设置其参数 （18）在组件面板中的“User Interface”选项的列表区中选择“List”选项，如图10.3.16所示。将其选中后拖到舞台中，置于合适的位置，并在组件检查器面板中设置参数，效果如图10.3.17所示。（19）在该实例的属性面板中将该实例的名称设置为“List”，按“Ctrl+Enter”快捷键将文件导出，效果如图10.3.1所示。图

13、10.3.16 选择“List”选项 图10.3.17 使用“List”组件创建的实例 一、填空题一、填空题1使用_，可以快速地在Flash中创建简单的交互元件。2使用_，用户可以将媒体导入到应用程序中。二、选择题二、选择题1在Flash 8中，（）是不可见的组件。（A）UI组件 （B）媒体组件（C）管理器组件 （D）数据组件习 题 十2在Flash 8中，使用（）可以加载和处理数据源的信息。（A）UI组件 （B）媒体组件（C）管理器组件 （D）数据组件三、上机操作三、上机操作试利用系统提供的各种组件创建交互式动画。第十一章第十一章 使用音频和视频使用音频和视频 第一节第一节 音频的使用音频的

14、使用 第二节第二节 视频的使用视频的使用 第三节第三节 自定义声音自定义声音 习题十一习题十一要在制作的Flash动画中添加声音，必须先将它导入到用户的库中，才能将其应用到创建的动画中，为动画添加声音，丰富动画的效果。一、导入音频一、导入音频在Flash中，可以导入3种格式的声音文件，分别为WAV，AIFF和MP3格式。导入声音的方法很简单，只须将声音文件导入到库中即可，具体操作步骤如下：第一节 音频的使用（1）在菜单栏中选择“文件”“导入”“导入到库”命令，弹出“导入到库”对话框，用户可在该对话框中选择一个声音文件，如图11.1.1所示。（2）单击“打开”按钮，即可将选中的声音文件导入到库中

15、，如图11.1.2所示。图11.1.1 选择声音文件 图11.1.2 将文件导入到库中（3）如果用户要试听导入的声音是否完整，可单击库面板中预览框右侧的“播放”按钮，即可试听导入的声音。（4）在库中单击选中该声音文件，将其拖到舞台中，即可将声音添加到当前图层中。在该图层中第50帧处按“F5”键插入普通帧，即可在第1帧至第50帧之间看见声音波形，如图11.1.3所示。图11.1.3 将声音添加到当前图层（5）选中“声音”图层的第1帧，打开其属性面板，可对声音进行设置，如图11.1.4所示。图11.1.4 “帧”属性面板该面板中各选项的含义如下：1）“声音”：单击该选项右侧的下拉按钮，弹出其下拉列

16、表，用户可在该列表中选择声音文件。2）“效果”：单击该选项右侧的下拉按钮，弹出其下拉列表，如图11.1.5所示。图11.1.5 声音效果下拉列表无：不使用任何效果。选择该选项，将删除以前应用过的所有效果。左声道：只在左声道播放声音。右声道：只在右声道播放声音。从左到右淡出：声音从左声道切换到右声道。从右到左淡出：声音从右声道切换到左声道。淡入：声音的音量逐渐增大。淡出：声音的音量逐渐减小。自定义：选择该选项，则可以自定义声音的播放方式。3）“编辑”：单击该按钮，可在弹出的“编辑封套”对话框中对声音进行编辑。4）“同步”：设置声音的同步方式。单击该选项右侧的下拉按钮，弹出其下拉列表。该列表包含4

17、个选项，分别为事件、开始、停止和数据流。事件：使声音与某个事件同步发生，即当动画播放到某个关键帧时，附加到该关键帧的声音开始播放。该类型声音的播放与动画的时间轴无关，因此，即使动画结束，声音也会完整播放。事件声音一般作用在按钮或固定的动作上，只有在声音文件完全载入后才开始播放，并且直到有明确的命令要它停止时才会停止播放，否则会无限制地播放下去。开始：与事件方式类似。选择该选项后，声音和指定的关键帧相关联，即当动画播放到该帧时，声音才开始播放。但如果当前正在播放该声音的另一个实例，则在其他声音实例播放结束之前，不会播放该声音。停止：使选中的声音停止播放。数据流：使声音和动画同步播放。如果动画中的

18、画面播放较快而声音无法跟上，则播放器会将动画中的若干帧删除，使得两者能够同步，且该类型的声音随着动画的停止而停止。一般作为动画的背景音乐使用，或者用于不需要和场景内容很配合的情况下。5）：设置声音循环的方式。单击该选项右侧的下拉按钮，弹出其下拉列表。该列表包含两个选项，分别为重复和循环。当用户选择“重复”选项时，可以在其右侧的文本框中输入数值设置重复的次数；当选择“循环”选项时，可使声音循环播放。（6）设置好参数后，就可以使导入的声音按设置的参数进行播放。二、编辑音频二、编辑音频在创建的动画中使用声音时，除了可以在属性面板中对声音的播放方式及效果进行设置外，还可以使用“编辑封套”对话框，对声音

19、进行其他编辑，具体操作步骤如下：（1）选中声音图层中的某个声音帧，单击该帧属性面板中的“编辑”按钮，即可弹出“编辑封套”对话框，如图11.1.6所示。图11.1.6 “编辑封套”对话框（2）单击“效果”右侧的下拉按钮，弹出效果下拉列表，用户可在该列表中选择合适的声音效果。（3）单击并拖动声音幅度控制手柄，可调整声音的音量。用户可通过在声音波形窗口中单击鼠标，创建控制手柄，两个控制手柄之间将出现一条连线。如果该连线为斜向上，则表示声音逐渐增大；如果该连线为斜向下，则表示声音逐渐减小，如图11.1.7所示。声音逐渐增大声音逐渐减小图11.1.7 控制声音的幅度（4）单击并拖动声音开始和声音结束滑块

20、，可以设置声音播放时的起始点和结束点，也可以使用这两个滑块截取声音的一部分，如图11.1.8所示。（5）单击“播放”按钮，可以播放声音文件；单击“停止”按钮，可停止播放。图11.1.8 缩短声音长度（6）单击“放大”按钮，可放大显示声音波形；单击“缩小”按钮，可缩小显示声音波形，如图11.1.9所示。图11.1.9 放大和缩小显示声音波形（7）单击“秒”按钮，可使波形按“秒”显示；单击“帧”按钮，可使波形按“帧”显示，如图11.1.10所示。（8）编辑完成后，单击“确定”按钮即可。图11.1.10 以“秒”和“帧”显示波形如果用户的计算机上安装了Quick Time或DirectX，就可以将A

21、VI视频文件、Quick Time影片和MPEG文件等视频文件导入到用户Flash文档中。一、导入视频一、导入视频在Flash 8中，用户可以使用视频向导，方便地将视频文件导入到用户的文档中，具体操作步骤如下：第二节 视频的使用（1）在菜单栏中选择“文件”“导入”“导入视频”命令，弹出“导入视频”对话框。单击“浏览”按钮，在弹出的“打开”对话框中选择要导入的视频文件，并将其添加到“导入视频”对话框中，如图11.2.1所示。（2）单击“下一个”按钮，弹出“部署”对话框，如图11.2.2所示。图11.2.1 “导入视频”对话框 图11.2.2 “部署”对话框 （3）单击“下一个”按钮，弹出“编码”

22、对话框，如图11.2.3所示，在该对话框中可选择编码配置文件。（4）设置好参数后，单击“下一个”按钮，弹出“外观”对话框，如图11.2.4所示，在该对话框中选择导入视频的外观。图11.2.3 “编码”对话框 图11.2.4 “外观”对话框（5）设置好参数后，单击“下一个”按钮，弹出“完成视频导入”对话框，如图11.2.5所示。（6）单击“完成”按钮，弹出“另存为”对话框，如图11.2.6所示。图11.2.5 “完成视频导入”对话框 图11.2.6 “另存为”对话框（7）在该对话框中设置好参数后，单击“保存”按钮，弹出“Flash 视频编码进度”对话框，如图11.2.7所示。（8）编码完成后，即

23、可将该视频导入到舞台中，如图11.2.8所示。图11.2.7 “Flash 视频编码进度”对话框 图11.2.8 导入的视频 二、编辑视频二、编辑视频在导入视频文件的过程中，用户可在“编码”对话框中对该视频进行编辑，使其符合用户的需求，具体操作步骤如下：（1）在“编码”对话框中，单击Flash视频编码配置文件右侧的下拉按钮，弹出其下拉列表，如图11.2.9所示，用户可在该列表中选择合适的配置文件。图11.2.9 “编码配置文件”下拉列表编码配置文件基于发布内容所用的播放器的版本以及编码视频内容所用的数据速率决定。Flash 8默认的配置文件为Flash 8中等品质（400 kb/s）编码配置文

24、件，它将使用On2 VP6视频编解码器对视频文件进行编码。（2）单击“显示高级设置”按钮，弹出“编码”高级设置对话框，如图11.2.10所示，用户可在该对话框中对视频进行详细的编辑。图11.2.10 “编码”高级设置对话框1）单击“编码”标签，打开“编码”选项卡，如图11.2.11所示，用户可在该选项卡中对视频编码和音频编码进行设置。“对视频编码”：选中该复选框，可对视频编码进行设置。“视频编解码器”：设置在播放器中播放FLV内容进行编码时所使用的视频编解码器，其默认的设置为On2 VP6。图11.2.11 “编码”选项卡“品质”：设置编码视频的数据速率（即比特率），数据速率越高，嵌入的视频剪

25、辑的品质越好，默认的品质选项为中。“帧频”：设置视频文件的帧频，其默认的设置为“与源相同”。“调整视频大小”：选中该复选框后，即可在“宽度”和“高度”文本框中输入数值设置调整后的帧大小。“保持高宽比”：选中该复选框，可以保持与原始视频剪辑相同的高宽比。“关键帧放置”：设置包含完整数据的视频帧的位置。例如，如果指定关键帧的间隔为15，则在视频剪辑中Flash Video Encoder会每隔15帧对一个帧进行编码。对于关键帧间隔之间的帧，Flash只存储不同于前一帧的数据。其默认设置为自动，即在播放时间中每两秒放置一个关键帧。选中“对音频编码”复选框，即可对音频编码进行设置。“数据速率”：设置音

26、频中的数据速率。单击该选项右侧的下拉按钮，弹出其下拉列表，如图11.2.12所示，用户可根据需要在该列表中选择合适的数据速率。图11.2.12 “数据速率”下拉列表2）单击“提示点”标签，打开“提示点”选项卡，可在该选项卡中设置视频播放时的提示点。使用鼠标将“视频预览”窗口下方的播放指针移到要嵌入提示点的位置，单击“添加提示点”按钮，即可添加一个提示点。此时，即可在该位置处嵌入一个提示点，且在提示点列表中会显示该点的名称、时间及类型，如图11.2.13所示。图11.2.13 “提示点”选项卡 用户可添加两种类型的提示点，一种为事件，另一种为导航。当播放到事件提示点时，提示点会触发ActionS

27、cript，让用户可以同步播放视频和Flash演示文稿中的其他事件；导航提示点用于导航和搜寻，还可用于在到达提示点时触发ActionScript，嵌入导航指令点就是在视频剪辑中插入关键帧。如果用户要更改提示点的类型，可单击提示点类型右侧的下拉按钮，在弹出的下拉列表中选择合适的类型。技巧：使用左方向键“”或右方向键“”可以精确定位视频中的特定帧；使用运行时间计数器（位于“视频预览”窗口下方），可以定位要嵌入提示点的特定时间点。3）单击“裁切和修剪”标签，打开“裁切和修剪”选项卡，如图11.2.14所示。图11.2.14 “裁切和修剪”选项卡“裁切”：设置视频剪辑的尺寸。在该选项区中的文本框中直接

28、输入数值或拖动滑杆上的滑块可调整视频剪辑的尺寸。通过调整视频剪辑的尺寸，用户可以将视频中不需要的区域裁切掉。“修剪”：设置视频的开始和结束位置。例如，可以修剪视频剪辑，使视频剪辑在播放20秒后进入完整剪辑，这样就删除了不需要的帧。应用本章所学知识，自定义导入的声音。（1）打开Flash 8应用程序，在菜单栏中选择“文件”“导入”“导入到库”命令，弹出“导入到库”对话框，如图11.3.1所示。（2）在该对话框中选择一个声音文件，单击“打开”按钮，将其导入到库中，如图11.3.2所示。第三节 自定义声音图11.3.1 “导入到库”对话框 图11.3.2 库面板 （3）将库中的声音文件选中，将其拖到

29、舞台中。单击第10帧，按“F7”键插入一个空白关键帧，如图11.3.3所示。（4）此时，发现声音的长度只有5帧。选中第1帧，在该帧属性面板中将帧的重复次数设置为4，如图11.3.4所示。图11.3.3 创建空白关键帧 图11.3.4 设置重复次数（5）此时，时间轴上声音的波形将超过10帧的范围，如图11.3.5所示。（6）在属性面板中，将帧的同步类型设置为“数据流”，这样，可以使声音与动画同步播放和停止，如图11.3.6所示。图11.3.5 时间轴上的声音波形 图11.3.6 设置声音的同步类型 （7）单击“效果”右侧的下拉按钮，在弹出的下拉列表中选择“从左到右淡出”选项，可以使声音从左声道切

30、换到右声道。（8）单击“编辑”按钮，弹出“编辑封套”对话框，如图11.3.7所示。（9）在该对话框中可以发现，声音逐渐从左声道切换到右声道，如果希望开始播放时两个声道的音量都是最大，可以将声音幅度控制手柄向上移动，直至顶端，如图11.3.8所示。图11.3.7 编辑封套”对话框 图11.3.8 将声音幅度控制手柄拖至顶端 （10）单击左声道中的第二个声音幅度控制手柄，将其向上方移动，调整结束时音量的大小，如图11.3.9所示。（11）在“编辑封套”对话框的声音控制区中，左右两个区域的颜色不同，其中左侧的区域表示播放第一遍的声音段，右侧的区域表示重复的声音段，如果希望在播放结束时声音渐隐，可在最

31、后添加一个控制手柄，并将其拖到底部，如图11.3.10所示。（12）设置好参数后单击“确定”按钮即可。按“Ctrl+Enter”键将动画导出，即可以听到自定义的声音效果。图11.3.9 调整左声道的音量大小 图11.3.10 增加控制手柄 一、填空题一、填空题1在Flash 8中，可以导入WAV、_和_格式的音频文件。2在Flash 8中，可以导入AVI视频文件、_和_格式的视频文件。二、选择题二、选择题1在Flash 8中，导入的音频被放置于（）中。（A）舞台 （B）时间轴（C）库 （D）全错习题十一2在Flash 8中，在导入视频文件之前必须安装（）。（A）Quick Time （B）Fl

32、ash（C）DirectX （D）A和C三、上机操作三、上机操作1在创建的动画中导入声音。2为创建的按钮导入声音。3为导入的视频文件添加声音。第十二章第十二章 动画的输出与发布动画的输出与发布 第一节第一节 输出动画输出动画 第二节第二节 发布动画发布动画 第三节第三节 将动画输出为将动画输出为JPEG图像图像 习题十二习题十二当用户要将制作好的动画输出时，必须先对动画进行优化，并对它的性能进行测试，当它符合一定的要求后，才能将它输出。一、动画的优化一、动画的优化在Flash 8中，可对动画进行优化，从而缩短动画的下载时间，具体操作步骤如下：（1）如果动画中有使用次数超过一次的对象，可将其转换

33、为元件。第一节 输出动画（2）制作动画时，尽量使用补间动画，因为它占用的文件空间较小。（3）绘制图形时，尽量使用实线，减少特殊线型的使用，如虚线和波浪线等。（4）绘制线条时，尽量使用铅笔工具，减少使用刷子工具绘制。（5）尽量将随着动画的播放而改变的对象置于不同的图层中。（6）创建文字时，尽量使用相同的字体和样式。（7）导入声音文件时，尽量使用MP3格式的声音，因为它占用的文件空间较小。（8）尽量避免使用位图创建动画，而将其只作为静态图像或背景使用。（9）尽量减少动画中关键帧发生变化的区域。（10）在动画中，尽可能使用组合对象。（11）尽量减少渐变填充色的使用，因为它占用的内存较大。二、动画的测

34、试二、动画的测试在制作动画的过程中，用户可对创建的按钮、导入的声音、帧动作和动画在编辑模式中进行测试。创建好动画后，还可以在测试环境中对动画的下载性能进行测试，具体操作步骤如下：（1）创建好动画后，在菜单栏中选择“控制”“测试影片”命令，即可打开测试窗口，如图12.1.1所示。（2）在测试窗口中选择“视图”“下载设置”命令，在其子菜单中选择一种带宽来测试动画的下载性能，如图12.1.2所示。图12.1.1 动画测试窗口 图12.1.2 选择带宽（3）选择“视图”“带宽设置”命令，可打开带宽视图来查看动画的下载性能，如图12.1.3所示。图12.1.3 带宽视图传输数据列表中显示当前正在测试动画

35、的数据；流式时间轴显示当前正在测试动画的时间轴；传输数据图中交错的深灰色和浅灰色的方块表示动画的帧，方块的大小表示该帧所含数据量的多少。若方块超过了红线，表示动画的下载速度低于播放速度，动画将会在这些地方停顿；播放窗口中显示当前动画的预览。（4）在传输数据图中单击代表帧的色块，使动画停留在该帧，则在传输数据列表中会显示该帧的下载性能，包括动画的尺寸、帧速率、文件大小、播放时间和加载时间等，如图12.1.4所示。（5）选择“视图”“帧数图表”命令，可将每帧单独显示，来查看每个帧中的数据，如图12.1.5所示。（6）测试完成后，单击“关闭”按钮，即可关闭测试窗口，返回到主时间轴中。图12.1.4

36、显示帧的下载性能 图12.1.5 单独显示帧 三、动画的输出三、动画的输出在Flash中输出动画时，既可以将其输出为影片，也可以将其输出为图形。前者输出的是动画或是包含有不同内容的一系列图形文件，也有可能是一段音频，而后者输出的则是特定格式的图形文件，具体操作步骤如下：（1）打开一个动画文件，在菜单栏中选择“导出”“导出影片”命令，弹出“导出影片”对话框，如图12.1.6所示。图12.1.6 “导出影片”对话框（2）在“文件名”下拉列表框中输入影片的名称或单击其右侧的下拉按钮，在弹出的下拉列表中选择一个名称作为文件名称。（3）单击“保存类型”右侧的下拉按钮，弹出“保存类型”下拉列表，如图12.

37、1.7所示，用户可在该列表中选择合适的文件类型。图12.1.7 “保存类型”下拉列表（4）设置好参数后，单击“保存”按钮，即可将动画导出为选定格式的动画文件。如果用户选择“Flash影片”选项，将会弹出“导出Flash Player”对话框，如图12.1.8所示，用户可在该对话框中对播放器的属性进行设置。将动画输出为图形的方法与导出为影片的方法相同，只是其保存类型不同，用户可以将动画导出为如图12.1.9所示格式的图形文件。图12.1.8 “导出Flash Player”对话框 图12.1.9 “图形文件”下拉列表 如果要将Flash动画发布到网络上供浏览者观看，除了需要将其输出为动画外，还要

38、在欲插入动画的网页中编制一段HTML语言引导程序，来调用Flash播放插件播放动画。在Flash 8中，集成了所有的发布命令，用户可以使用这些命令，向网络及没有安装Flash插件的浏览器发布各种格式的图形和视频文件。第二节 发布动画一、发布设置一、发布设置在发布动画之前，可以使用“发布设置”对话框选择和制定所需的设置，且只要选择了相应的发布设置选项，就可以一次性导出所有选定的格式。要对动画文件进行发布设置，具体操作步骤如下：（1）在菜单栏中选择“文件”“发布设置”命令，弹出“发布设置”对话框，如图12.2.1所示。图12.2.1 “发布设置”对话框（2）在Flash 8中，默认的发布格式为.s

39、wf和.html。如果用户要增加发布格式，只要选中相应的复选框即可。此时，系统会自动将与选中格式对应的标签添加到该对话框中，如图12.2.2所示。图12.2.2 添加选项标签后的“发布设置”对话框（3）单击“使用默认名称”按钮，所有格式的文件名都将使用Flash文件的名称。如果用户想更改文件名，在“文件”选项区中的文本框中输入文件名称即可。（4）设置好参数后，单击“确定”按钮即可将发布设置保存起来。二、发布为二、发布为Flash文件文件在默认情况下，用户可将Flash动画发布为Flash格式的swf文件，具体操作步骤如下：（1）选择“文件”“发布设置”命令，在弹出的“发布设置”对话框中单击“F

40、lash”标签，打开“Flash”选项卡，如图12.2.3所示。该选项卡中各选项的含义如下：图12.2.3 “Flash”选项卡1）“版本”：设置播放器的版本，其默认选项为Flash Player 8。2）“加载顺序”：设置在客户端作品中各层的下载显示顺序，即用户首先看到的动画对象。单击其右侧的下拉按钮，弹出下拉列表，该列表中包含两个选项，分别为“由下而上”和“由上而下”。但该选项只对动画中的开始帧有效，而不影响动画中的其他帧。3）“ActionScript版本”：设置动画脚本的版本，其默认选项为ActionScript 2.0。4）“生成大小报告”：选中该复选框，可在发布过程中创建一个文本文

41、件，该文件中包含动画中各帧的大小及导入的文件和字体列表的信息。5）“省略trace动作”：选中该复选框，将从导出的Flash动画中删除所有的跟踪作用，防止他人偷窥用户的源代码。6）“防止导入”：选中该复选框，可防止导出的动画再次导入Flash，并可在密码文本框中输入密码来保护SWF文件。7）“允许调试”：选中该复选框，会激活调试器并允许远程调试SWF文件。8）“压缩影片”：选中该复选框，可以压缩SWF文件，通过减小文件大小以缩短下载时间。9）“JPEG品质”：控制位图的压缩品质。可在其右侧的文本框中输入数值或拖动滑块设置位图的压缩比。数值越大，压缩率越小，图像越接近原图；数值越小，压缩率越大，

42、图像质量越差。10）“设置”：单击该按钮，可在弹出的“声音设置”对话框中对SWF文件中的所有音频流或事件声音设置采样率和压缩。11）“覆盖声音设置”：选中该复选框，可在“声音设置”对话框中对声音单独进行优化，且将忽略对所有音频流和事件声音的设置。12）“导出设备声音”：选中该复选框，可将事件声音添加到用于在移动设备上进行回放的Flash文档中。13）“本地回放安全性”：设置Flash文件的回放安全性。单击该选项右侧的下拉按钮，弹出其下拉列表，该列表中包含两个选项，分别为只访问本地和只访问网络，用户可根据需要进行选择。（2）设置好参数后，单击“发布”按钮，即可将Flash动画发布为Flash文件

43、。三、发布为三、发布为HTML网页网页SWF格式的文件在网络上并不能直接观看，必须将它和HTML相结合，才能将导出的影片和生成的HTML网页上传到服务器上，供浏览者观看，具体操作步骤如下：（1）选择“文件”“发布设置”命令，在弹出的“发布设置”对话框中单击“HTML”标签，打开“HTML”选项卡，如图12.2.4所示。该选项卡中各选项的含义如下：图12.2.4 “HTML”选项卡1）“模板”：设置动画的模板。在其下拉列表中选择合适的模板后，单击“信息”按钮，将会弹出选定模板的相关信息，其默认选项是“仅限Flash”。2）“尺寸”：设置对象和插入标记中的动画的宽度和高度值。单击其右侧的下拉按钮，

44、弹出下拉列表，该列表包含3个选项，分别为匹配影片、像素和百分比。“匹配影片”：将上面标记中的宽度和高度值设置为动画的原始尺寸，其为默认设置。“像素”：在“宽度”和“高度”文本框中输入数值，设置SWF文件的大小。“百分比”：选择此选项，在宽度和高度文本框中输入数值，可设置SWF文件占用浏览器窗口的百分比值。3）“开始时暂停”：选中该复选框，将会使动画一直处于停止状态，直到用户单击按钮或从快捷菜单中选择“播放”命令后才开始播放。默认情况下，该选项处于取消选中状态。4）“循环”：选中该复选框，将会使Flash动画播放结束后再从头开始播放，取消选中该复选框，会使动画播放一遍后停止。5）“显示菜单”：选

45、中该复选框，在动画播放的过程中单击鼠标右键或按住“Ctrl”键单击SWF文件时，会弹出快捷菜单，取消选中该复选框，则不会弹出快捷菜单。6）“设备字体”：选中该复选框，可以将设备字体的参数值设置为true，并用消除锯齿（边缘平滑）的系统字体替换用户系统尚未安装的字体。7）“品质”：设置HTML网页的外观。单击该选项右侧的下拉按钮，弹出其下拉列表。该列表中包含6个选项，分别为低、自动降低、自动升高、中、高和最佳。“低”：主要考虑回放速度，基本不考虑外观，并且不使用消除锯齿功能。“自动降低”：主要强调速度，但也会尽可能改善外观。“自动升高”：在开始时同等强调回放速度和外观，但在必要时会只保证回放速度

46、。“中”：应用消除锯齿功能，但并不平滑位图。“高”：主要考虑外观，基本不考虑回放速度，始终使用消除锯齿功能。“最佳”：提供最佳的显示品质，而不考虑回放速度。8）“窗口模式”：设置对象标记中的窗口模式参数值。单击其右侧的下拉按钮，弹出下拉列表，该列表包含3个选项，分别为窗口、不透明无窗口和透明无窗口。“窗口”：将窗口模式参数值赋予窗口参数，并在网页上的矩形窗口中播放动画。“不透明无窗口”：将窗口模式参数设置为透明，可使Flash动画后面的对象移动，并不会在穿过动画时显示出来。“透明无窗口”：将窗口模式参数设置为透明，可使嵌入Flash动画的HTML网页的背景从动画中透明的区域显示出来。9）“HT

47、ML对齐”：设置Flash动画被输出后在浏览器窗口中的位置。单击该选项右侧的下拉按钮，弹出下拉列表，该列表包含5个选项，分别为默认、左对齐、右对齐、上对齐和下对齐。“默认”：使Flash动画在浏览器窗口内居中显示，并裁去大于浏览器窗口的动画的边缘。“左对齐”、“右对齐”、“上对齐”或“下对齐”选项会将SWF文件与浏览器窗口的相应边缘对齐，并根据需要裁剪其余的三边。10）“缩入”：设置对象标记中的缩放参数。单击该选项右侧的下拉按钮，弹出下拉列表，该列表包含4个选项，分别为默认、无边框、精确匹配和无缩放。“默认（显示全部）”：在指定的区域显示整个文档，并且保持SWF文件的原始高宽比。“无边框”：对

48、文档进行缩放，以使它填充指定的区域，保持SWF文件的原始高宽比，以使其不扭曲，并根据需要裁剪SWF文件边缘。“精确匹配”：在指定区域显示整个文档，但不保持原始高宽比，因此可能会发生扭曲。“无缩放”：将禁止文档在调整Flash Player窗口大小时进行缩放。11）“Flash对齐”：设置对象标记的对齐参数。对于“水平”对齐，可将其设置为左对齐、居中或右对齐；对于“垂直”对齐，可将其设置为上对齐、居中或下对齐，选中“显示警告消息”复选框可在标记设置发生冲突时显示出错的提示信息。（2）设置好参数后，单击“发布”按钮，即可将Flash动画发布为HTML网页。四、发布为四、发布为GIF文件文件用户可将

49、Flash动画发布为GIF文件，具体操作步骤如下：（1）在菜单栏中选择“文件”“发布设置”命令，在弹出的“发布设置”对话框中单击“GIF”标签，打开“GIF”选项卡，如图12.2.5所示。图12.2.5 “GIF”选项卡该选项卡中各选项的含义如下：1）“尺寸”：该选项用于设置导出的位图图像的宽度和高度值，选中“匹配影片”复选框可使GIF和Flash SWF文件大小相同并保持原始图像的高宽比。2）“回放”：该选项区用于设置Flash创建的是图像还是GIF动画。选中“静态”单选按钮，可创建图像；选中“动画”单选按钮，可创建动画，还可将动画设置为“不断循环”或“重复”。3）“选项”：该选项区用于设置

50、导出的GIF文件外观。选中“优化颜色”复选框，将从GIF文件的颜色表中删除所有不使用的颜色。选中“交错”复选框，下载GIF文件时，会在浏览器中逐步显示该文件。选中“平滑”复选框，可以消除导出位图的锯齿，从而生成较高品质的位图图像。选中“抖动纯色”复选框，用于抖动纯色和渐变色。选中“删除渐变”复选框，使用渐变色中的第一种颜色将SWF文件中的所有渐变填充转换为纯色，默认情况下处于关闭状态。4）“透明”：该选项用于设置应用程序背景的透明度。单击其右侧的下拉按钮，弹出其下拉列表，该列表包含3个选项：不透明、透明和Alpha。“不透明”：将背景变为纯色。“透明”：使背景透明。“Alpha”：设置局部透明