06元件实例和库资源.docx
《06元件实例和库资源.docx》由会员分享，可在线阅读，更多相关《06元件实例和库资源.docx（20页珍藏版）》请在冰点文库上搜索。
06元件实例和库资源
课程名称：
Flash软件应用
授课章节：
第六章元件、实例和库资源
授课课时：
4课时
授课内容：
介绍Flash中的动画元素，及其的编辑出理以及资源的管理
授课内容：
（一）使用元件
1.关于元件
元件是指在Flash创作环境中或使用Button（AS2.0）、SimpleButton（AS3.0）和MovieClip类创建过一次的图形、按钮或影片剪辑。
然后，您可在整个文档或其它文档中重复使用该元件。
元件可以包含从其它应用程序中导入的插图。
您创建的任何元件都会自动成为当前文档的库的一部分。
实例是指位于舞台上或嵌套在另一个元件内的元件副本。
实例可以与它的元件在颜色、大小和功能上有差别。
编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。
在文档中使用元件可以显著减小文件的大小；保存一个元件的几个实例比保存该元件内容的多个副本占用的存储空间小。
例如，通过将诸如背景图像这样的静态图形转换为元件然后重新使用它们，您可以减小文档的文件大小。
使用元件还可以加快SWF文件的播放速度，因为元件只需下载到Flash®Player中一次。
在创作时或在运行时，可以将元件作为共享库资源在文档之间共享。
对于运行时共享资源，可以把源文档中的资源链接到任意数量的目标文档中，而无需将这些资源导入目标文档。
对于创作时共享的资源，可以用本地网络上可用的其它任何元件更新或替换一个元件。
如果导入的库资源和库中已有的资源同名，您可以解决命名冲突，而不会意外地覆盖现有的资源。
元件的类型
每个元件都有一个唯一的时间轴和舞台，以及几个图层。
可以将帧、关键帧和图层添加至元件时间轴，就像您可以将它们添加至主时间轴一样。
创建元件时需要选择元件类型。
•图形元件可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。
图形元件与主时间轴同步运行。
交互式控件和声音在图形元件的动画序列中不起作用。
由于没有时间轴，图形元件在FLA文件中的尺寸小于按钮或影片剪辑。
•使用按钮元件可以创建用于响应鼠标单击、滑过或其它动作的交互式按钮。
可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。
•使用影片剪辑元件可以创建可重用的动画片段。
影片剪辑拥有各自独立于主时间轴的多帧时间轴。
您可以将多帧时间轴看作是嵌套在主时间轴内，它们可以包含交互式控件、声音甚至其它影片剪辑实例。
也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。
此外，可以使用ActionScript®对影片剪辑进行改编。
•使用字体元件可以导出字体并在其它Flash文档中使用该字体。
Flash提供了各种内置组件（即带有已定义参数的影片剪辑），您可以使用这些组件将用户界面元素（如按钮、复选框或滚动条）添加到文档中。
2.创建元件
可以通过舞台上选定的对象来创建元件，也可以创建一个空元件，然后在元件编辑模式下制作或导入内容，并在Flash中创建字体元件。
元件可以拥有Flash能够创建的所有功能，包括动画。
通过使用包含动画的元件，您可以创建包含大量动作的Flash应用程序，同时最大程度地减小文件大小。
如果一个元件中包含重复或循环的动作，例如鸟的翅膀上下翻飞，则应该考虑在元件中创建动画。
若要向文档添加元件，请在创作时或在运行时使用共享库资源。
（1）将选定元素转换为元件
1在舞台上选择一个或多个元素。
请执行下列操作之一：
•选择“修改”>“转换为元件”。
•将选中元素拖到“库”面板上。
•右键单击（Windows）或者按住Control键单击（Macintosh），然后从上下文菜单中选择“转换为元件”。
2在“转换为元件”对话框中，键入元件名称并选择行为。
3在注册网格中单击，以便放置元件的注册点。
4单击“确定”。
Flash会将该元件添加到库中。
舞台上选定的元素此时就变成了该元件的一个实例。
创建元件后，您可以通过选择“编辑”>“编辑元件”以在元件编辑模式下编辑该元件，也可以通过选择“编辑”>“在当前位置编辑”以在舞台的上下文中编辑该元件。
您也可以更改元件的注册点。
（2）创建空元件
1请执行下列操作之一：
•选择“插入”>“新建元件”。
•单击“库”面板左下角的“新建元件”按钮。
•从“库”面板右上角的“库面板”菜单中选择“新建元件”。
2在“创建新元件”对话框中，键入元件名称并选择行为。
3单击“确定”。
Flash会将该元件添加到库中，并切换到元件编辑模式。
在元件编辑模式下，元件的名称将出现在舞台左上角的上面，并由一个十字光标指示该元件的注册点。
4要创建元件内容，可使用时间轴、用绘画工具绘制、导入介质或创建其它元件的实例。
5若要返回到文档编辑模式，请执行下列操作之一：
•单击“返回”按钮。
•选择“编辑”>“编辑文档”。
•在编辑栏中单击场景名称。
在创建元件时，注册点位于元件编辑模式中的窗口的中心。
可以将元件内容放置在与注册点相关的窗口中。
要更改注册点，在编辑元件时，应相对于注册点移动元件内容。
3.将舞台上的动画转换为影片剪辑元件
若要在舞台上重复使用一个动画序列或将其作为一个实例操作，请选择该动画序列并将其另存为影片剪辑元件。
1在主时间轴上，选择您想使用的舞台上动画的每一层中的每一帧。
有关选择帧的信息，请参阅第151页的“在时间轴中插入帧”。
2执行下列操作之一来复制帧：
•右键单击（Windows）或者按住Control单击（Macintosh）任何选定的帧，然后从上下文菜单选择“复制帧”。
若要在将该序列转换为影片剪辑之后删除它，请选择“剪切”。
•选择“编辑”>“时间轴”>“复制帧”。
若要在将该序列转换为影片剪辑之后删除它，请选择“剪切帧”。
3取消选择所选内容并确保没有选中舞台上的任何内容。
选择“插入”>“新建元件”。
4为元件命名。
对于“类型”，请选择“影片剪辑”，然后单击“确定”。
5在时间轴上，单击第1层上的第1帧，然后选择“编辑”>“时间轴”>“粘贴帧”。
此操作将把您从主时间轴复制的帧（以及所有图层和图层名）都粘贴到该影片剪辑元件的时间轴上。
所复制的帧中的所有动画、按钮或交互性现在已成为一个独立的动画（影片剪辑元件），您可以重复使用它。
6若要返回到文档编辑模式，请执行下列操作之一：
•单击“返回”按钮。
•选择“编辑”>“编辑文档”。
•单击舞台上方编辑栏内的场景名称。
4.重制元件
通过重制元件，您可以使用现有元件作为创建元件的起始点。
若要创建具有不同外观的各种版本的元件，也可使用实例。
（1）使用库面板重制元件
❖在“库”面板中选择元件，然后执行下列操作之一：
•右键单击（Windows）或按住Control键单击（Macintosh），然后从上下文菜单中选择“直接复制”。
•从“库面板”菜单中选择“重制”。
（2）通过选择实例来重制元件
1在舞台上选择该元件的一个实例。
2选择“修改”>“元件”>“重制元件”。
该元件会被重制，而且原来的实例也会被重制元件的实例代替。
5.编辑元件
编辑元件时，Flash会更新文档中该元件的所有实例。
通过以下方式编辑元件：
•使用“在当前位置编辑”命令在舞台上与其他对象一起进行编辑。
其它对象以灰显方式出现，从而将它们和正在编辑的元件区别开来。
正在编辑的元件的名称显示在舞台顶部的编辑栏内，位于当前场景名称的右侧。
•在单独的窗口中使用“在新窗口中编辑”命令。
在单独的窗口中编辑元件使您可以同时看到该元件和主时间轴。
正在编辑的元件的名称会显示在舞台顶部的编辑栏内。
使用元件编辑模式，可将窗口从舞台视图更改为只显示该元件的单独视图来编辑它。
正在编辑的元件的名称会显示在舞台顶部的编辑栏内，位于当前场景名称的右侧。
当您编辑元件时，Flash将更新文档中该元件的所有实例，以反映编辑的结果。
编辑元件时，可以使用任意绘画工具、导入媒体或创建其它元件的实例。
•通过使用任意元件编辑方法来更改元件的注册点，该点由坐标（0,0）标识。
（1）在当前位置编辑元件
1请执行下列操作之一：
•在舞台上双击该元件的一个实例。
•在舞台上选择元件的一个实例，右键单击（Windows）或按住Control键单击（Macintosh），然后选择“在当前位置编辑”。
•在舞台上选择该元件的一个实例，然后选择“编辑”>“在当前位置编辑”。
2编辑元件。
3若要更改注册点，请在舞台上拖动该元件。
一个十字光标会表明注册点的位置。
4要退出“在当前位置编辑”模式并返回到文档编辑模式，请执行下列操作之一：
•单击“返回”按钮。
•从编辑栏中的“场景”菜单选择当前场景名称。
•选择“编辑”>“编辑文档”。
•双击元件内容的外部。
（2）在新窗口中编辑元件
1在舞台上选择该元件的一个实例，右键单击（Windows）或按住Control键单击（Macintosh），然后选择“在新窗口中编辑”。
2编辑元件。
3若要更改注册点，请在舞台上拖动该元件。
一个十字光标会表明注册点的位置。
4单击右上角（Windows）或左上角（Macintosh）的关闭框来关闭新窗口，然后在主文档窗口内单击以返回到编辑主文档。
（3）在元件编辑模式下编辑元件
1执行下列操作之一来选择元件：
•双击“库”面板中的元件图标。
•在舞台上选择该元件的一个实例，右键单击（Windows）或按住Control键单击（Macintosh），然后从上下文菜单选择“编辑”。
•在舞台上选择该元件的一个实例，然后选择“编辑”>“编辑元件”。
•在“库”面板中选择该元件，然后从“库面板”菜单中选择“编辑”，或者右键单击（Windows）或按住Control单击（Macintosh）“库”面板中的该元件，然后选择“编辑”。
2编辑元件。
3要退出元件编辑模式并返回到文档编辑状态，请执行下列操作之一：
•单击舞台顶部编辑栏左侧的“返回”按钮。
•选择“编辑”>“编辑文档”。
•单击舞台上方编辑栏内的场景名称。
•双击元件内容的外部。
（二）使用元件实例
1.创建实例
创建元件之后，可以在文档中任何地方（包括在其它元件内）创建该元件的实例。
当您修改元件时，Flash会更新元件的所有实例。
可以在属性检查器中为实例提供名称。
在ActionScript中使用实例名称来引用实例。
若要用ActionScript®来控制实例，请为单个时间轴内的每个实例提供唯一的名称。
若要指定色彩效果、分配动作、设置图形显示模式或更改新实例的行为，请使用属性检查器。
除非您另外指定，否则实例的行为与元件行为相同。
所做的任何更改都只影响实例，并不影响元件。
（1）创建元件的实例
1在时间轴上选择一层。
Flash只可以将实例放在关键帧中，并且总在当前图层上。
如果没有选择关键帧，Flash会将实例添加到当前帧左侧的第一个关键帧上。
注：
关键帧是用来定义动画中的变化的帧。
有关详细信息，请参阅第151页的“在时间轴中插入帧”。
2选择“窗口”>“库”。
3将该元件从库中拖到舞台上。
4如果已经创建了图形元件的实例，若要添加将包含该图形元件的帧数，可选择“插入”>“时间轴”>“帧”。
（2）对实例应用自定义名称
1在舞台上选择该实例。
2选择“窗口”>“属性”，并在“实例名称”框中输入一个名称。
编辑实例属性
每个元件实例都各有独立于该元件的属性。
可以更改实例的色调、透明度和亮度；重新定义实例的行为（例如，把图形更改为影片剪辑）；并可以设置动画在图形实例内的播放形式。
也可以倾斜、旋转或缩放实例，这并不会影响元件。
此外，可以给影片剪辑或按钮实例命名，这样就可以使用ActionScript更改它的属性。
实例的属性用它来保存。
如果编辑一个元件或将一个实例重新链接到不同的元件，则任何已经更改的实例属性仍将应用于该实例。
2.更改实例的颜色和透明度
每个元件实例都可以有自己的色彩效果。
要设置实例的颜色和透明度选项，请使用属性检查器。
属性检查器中的设置也会影响放置在元件内的位图。
当在特定帧中改变一个实例的颜色和透明度时，Flash会在显示该帧时立即进行这些更改。
要进行渐变颜色更改，请应用补间动画。
当补间颜色时，请在实例的开始关键帧和结束关键帧中输入不同的效果设置，然后补间这些设置，以让实例的颜色随着时间逐渐变化。
补间逐渐地更改实例的颜色或透明度。
注：
如果对包含多帧的影片剪辑元件应用色彩效果，Flash会将该效果应用于该影片剪辑元件中的每一帧。
1在舞台上选择该实例，然后选择“窗口”>“属性”。
2在属性检查器中，从“色彩效果”部分的“样式”菜单中选择下列选项之一：
亮度调节图像的相对亮度或暗度，度量范围是从黑（-100%）到白（100%）。
若要调整亮度，请单击此三角形并拖动滑块，或者在框中输入一个值。
色调用相同的色相为实例着色。
要设置色调百分比（从透明（0%）到完全饱和（100%）），请使用属性检查器中的色调滑块。
若要调整色调，请单击此三角形并拖动滑块，或者在框中输入一个值。
若要选择颜色，请在各自的框中输入红、绿和蓝色的值；或者单击“颜色”控件，然后从“颜色选择器”中选择一种颜色。
Alpha调节实例的透明度，调节范围是从透明（0%）到完全饱和（100%）。
若要调整Alpha值，请单击此三角形并拖动滑块，或者在框中输入一个值。
高级分别调节实例的红色、绿色、蓝色和透明度值。
对于在位图这样的对象上创建和制作具有微妙色彩效果的动画，此选项非常有用。
左侧的控件使您可以按指定的百分比降低颜色或透明度的值。
右侧的控件使您可以按常数值降低或增大颜色或透明度的值。
当前的红、绿、蓝和Alpha的值都乘以百分比值，然后加上右列中的常数值，产生新的颜色值。
例如，如果当前的红色值是100，若将左侧的滑块设置为50%并将右侧滑块设置为100%，则会产生一个新的红色值150（[100x.5]+100=150）。
注：
“效果”面板中的“高级”设置执行函数（a*y+b）=x，其中，a是框左侧设置中指定的百分比，y是原始位图的颜色，b是框右侧设置中指定的值，x是生成的效果（RGB介于0和255之间，Alpha透明度介于0和100之间）。
也可以使用ActionScriptColorTransform对象来更改实例的颜色。
3.将一个实例与另一个实例交换
要在舞台上显示不同的实例，并保留所有的原始实例属性（如色彩效果或按钮动作），请为实例分配不同的元件。
例如，假定您正在使用rat元件创建一个卡通形象作为影片中的角色，但后来决定将该角色改为cat。
您可以用cat元件替换rat元件，并让更新的角色出现在所有帧中大致相同的位置上。
（1）为实例分配不同的元件
1在舞台上选择该实例，然后选择“窗口”>“属性”。
2在属性检查器中单击“交换”按钮。
3选择一个元件以替换当前分配给实例的元件。
若要重制选定的元件，请单击“重制元件”，然后单击“确定”。
如果制作的是几个具有细微差别的元件，那么重制使您可以在库中现有元件的基础上创建一个新元件，并将复制工作减到最少。
（2）替换元件的所有实例
❖从一个“库”面板中将与待替换元件同名的元件拖到正编辑的FLA文件的“库”面板中，然后单击“替换”。
如果库中包含文件夹，则必须将新元件拖动到与所替换的元件相同的文件夹中。
4.更改实例的类型
若要在Flash应用程序中重新定义实例的行为，请更改其类型。
例如，如果一个图形实例包含您想要独立于主时间轴播放的动画，则可以将该图形实例重新定义为影片剪辑实例。
1在舞台上选择该实例，然后选择“窗口”>“属性”。
2从属性检查器的菜单中选择“图形”、“按钮”或“影片剪辑”。
5.为图形实例设置循环
要决定如何播放Flash应用程序中图形实例内的动画序列，请设置“属性”检查器中的选项。
动画图形元件是与放置该元件的文档的时间轴联系在一起的。
相比之下，影片剪辑元件拥有自己独立的时间轴。
因为动画图形元件使用与主文档相同的时间轴，所以在文档编辑模式下显示它们的动画。
影片剪辑元件在舞台上显示为一个静态对象，并且在Flash编辑环境中不会显示为动画。
1在舞台上选择图形实例，然后选择“窗口”>“属性”。
2在属性检查器的“循环”部分中，从“选项”菜单中选择一个动画选项：
循环按照当前实例占用的帧数来循环包含在该实例内的所有动画序列。
播放一次从指定帧开始播放动画序列直到动画结束，然后停止。
单帧显示动画序列的一帧。
指定要显示的帧。
3若要指定循环时首先显示的图形元件的帧，请在“第一帧”文本框中输入帧编号。
“单帧”选项也可以使用此处指定的帧编号。
6.分离实例元件
要断开一个实例与一个元件之间的链接，并将该实例放入未组合形状和线条的集合中，可以分离该实例。
此功能对于实质性更改实例而不影响任何其它实例非常有用。
如果在分离实例之后修改该源元件，并不会用所作的更改来更新该实例。
1在舞台上选择该实例。
2选择“修改”>“分离”。
此操作将该实例分离成它的几个组件图形元素。
3要修改这些元素，请使用涂色和绘画工具。
7.获取有关舞台上的实例的信息
属性检查器和“信息”面板显示以下与在舞台上选定的实例相关的信息：
•在属性检查器中，您可以查看实例的行为和设置；对于所有实例类型，均可以查看色彩效果设置、位置和大小；对于图形，还可以查看循环模式和包含该图形的第一帧；对于按钮，还可以查看实例名称（如果已分配）和跟踪选项；对于影片剪辑，
还可以查看实例名称（如果已分配）。
对于位置，属性检查器显示元件注册点或元件左上角的x和y坐标，具体取决于在“信息”面板上选择的选项。
•在“信息”面板上，查看实例的大小和位置、实例注册点的位置、实例的红色值（R）、绿色值（G）、蓝色值（B）和alpha（A）值（如果实例有实心填充）；以及指针的位置。
“信息”面板还显示元件注册点或元件左上角的x和y坐标，具体取决于选择了哪个选项。
要显示注册点的坐标，请单击“信息”面板内坐标网格中的中心方框。
要显示左上角的坐标，请单击坐标网格中的左上角方框。
•在影片浏览器中，查看当前文档的内容，包括实例和元件。
在“动作”面板中查看分配给按钮或影片剪辑的所有动作。
（1） 获取有关实例的形象
1在舞台上选择该实例。
2显示要使用的属性检查器（“窗口”>“属性”）或面板：
•要显示“信息”面板，请选择“窗口”>“信息”。
•要显示影片浏览器，请选择“窗口”>“影片浏览器”。
•要显示“动作”面板，请选择“窗口”>“动作”。
（2） 在影片浏览器中查看选定元件的元件定义
1单击影片浏览器顶部的“显示按钮、影片剪辑和图形”按钮。
2右键单击（Windows）或按住Control键单击（Macintosh），然后选择“显示元件实例”和“转到元件定义”；或从影片浏览器右上角的菜单中选择这些选项。
（3）跳到包含选定元件的实例的场景
1显示元件定义。
2右键单击（Windows）或按住Control键单击（Macintosh），然后选择“显示影片元素”和“转到元件定义”；或从影片浏览器右上角的菜单中选择这些选项。
（三）处理库
1.用库管理资源
Flash文档中的库存储在Flash创作环境中创建或在文档中导入的媒体资源。
在Flash中可以直接创建矢量插图或文本；导入矢量插图、位图、视频和声音；创建元件。
元件是指创建一次即可多次重复使用的图形、按钮、影片剪辑或文本。
也可以使用ActionScript动态地将媒体内容添加至文档。
库还包含已添加到文档的所有组件。
组件在库中显示为编译剪辑。
在Flash中工作时，可以打开任意Flash文档的库，将该文件的库项目用于当前文档。
您可以在Flash应用程序中创建永久的库，只要启动Flash就可以使用这些库。
Flash还提供几个含按钮、图形、影片剪辑和声音的范例库。
可以将库资源作为SWF文件导出到一个URL，从而创建运行时共享库。
这样即可从Flash文档链接到这些库资源，而这些文档用运行时共享导入元件。
2.使用库
“库”面板（“窗口”>“库”）显示库中所有项目名称的滚动列表，允许您在工作时查看和组织这些元素。
“库”面板中项目名称旁边的图标指示项目的文件类型。
（1）在另一个Flash文件中打开库
1从当前文档选择“文件”>“导入”>“打开外部库”。
2定位到要打开的库所在的Flash文件，然后单击“打开”。
所选文件的库在当前文档中打开，并在“库”面板顶部显示文件名。
若要在当前文档中使用所选文件的库中的项目，请将这些项目拖到当前文档的“库”面板或舞台上。
（2）调整库面板大小
❖请执行下列操作之一：
•拖动面板的右下角。
•单击“宽状态”按钮，放大“库”面板以便显示所有列。
•单击“窄状态”按钮缩小“库”面板的宽度。
（3）更改列宽
❖将指针放在列标题之间并拖动以调整大小。
（4）访问库面板的面板菜单
❖在“库”面板的标题栏中单击“面板”菜单按钮。
3.使用库项目
当您选择“库”面板中的项目时，“库”面板的顶部会出现该项目的缩略图预览。
如果选定项目是动画或者声音文件，则可以使用库预览窗口或“控制器”中的“播放”按钮预览该项目。
（1）在当前文档中使用库项目。
❖将项目从“库”面板拖动到舞台上。
该项目就会添加到当前层上。
（2）将舞台上的对象转换为库中的元件
❖将项目从舞台拖动到当前“库”面板上。
（3）在另一个文档内使用当前文档中的库项目
❖将项目从“库”面板或舞台拖入另一个文档的“库”面板或舞台。
（4）从另一个文档复制库项目
1选择包含这些库项目的文档。
2在“库”面板中选择库项目。
3选择“编辑”>“复制”。
4选择要复制这些库项目的目标文档。
5选择该文档的“库”面板。
6选择“编辑”>“粘贴”。
4.在库面板中使用文件夹
您可以在“库”面板中使用文件夹来组织项目。
当您创建一个新元件时，它会存储在选定的文件夹中。
如果没有选定文件夹，该元件就会存储在库的根目录下。
（1）创建新文件夹
❖单击“库”面板底部的“新建文件夹”按钮。
（2）打开或关闭文件夹
❖双击文件夹，或选择文件夹再从“库”面板的“面板”菜单中选择“展开文件夹”或“折叠文
升级会员 