其他 Flash基础教程与创作实例_第5章__使用元件实例

第5章使用组件、实例和库、内容概述组件是在闪存中创建的图形、按钮或电影剪辑。组件只需要创建一次，然后就可以重用了。实例是舞台上组件的副本。编辑组件会更新其所有实例，但对组件实例应用效果只会更新该实例。在创作或运行时，组件可以作为共享库资源在文档之间共享。使用组件、示例和库可以减少重复工作，共享劳动成果，并为创建优秀的闪存作品提供帮助。掌握组件、实例和库资源的基本概念，能够清晰区分组件、实例和库资源之间的区别，能够区分组件、实例和库资源之间的关系。2.了解如何创建和编辑组件，如何从系统中熟练地创建图形、按钮和影片剪辑，以及如何将现有图形和影片剪辑转换为组件，并熟练地编辑创建的组件。3.了解实例的概念和好处，学习如何创建和编辑实例，以及如何更改实例属性和实例类型。4.了解图书馆的内容，熟悉图书馆面板及相关操作，掌握处理图书馆物品和编辑图书馆物品的方法，了解公共图书馆的内容。5.1关于组件、实例和库资源，组件是可重用的对象，如图形、按钮或电影剪辑，而实例是组件在舞台上的特定用途。通过在闪存文档中只保存一个组件副本，可以减小文档文件的大小。组件是一个对象，例如可重用的图形、按钮或电影剪辑，一个例子是组件在舞台上的特定用途。重用实例不会增加文件大小，并且是保持文档文件小的策略的一个很好的部分。因此，对于具有大量重复元素的动画，只要元素被修改，系统就会自动更新所有实例。元素还简化了文档的编辑；编辑组件时，组件的所有实例都会相应更新，以反映编辑内容。组件的另一个优点是它们可以用来创建完美的交互性。通过在闪存文档中只保存一个组件副本，可以减小文档文件的大小。组件可以像按钮或图形一样简单，也可以像电影剪辑一样复杂。创建组件后，必须将其存储在“库”面板中。“库”面板存储和管理文档中的所有组件。若要再次使用组件，请将其从“库”面板拖到舞台上。这样，闪存在舞台上创建了组件的新实例。该实例实际上只是对原始组件的引用，通知闪存“在该位置绘制指定组件的副本”通过使用组件和实例，可以更轻松地组织资源，并使闪存文件更小。此外，您可以通过编辑组件来更新特定组件的所有实例的外观和行为。然后，这些更改会反映在整个文档中组件的所有实例中。5.2创建和编辑组件，5.2.1组件类型5.2.2创建新组件5.2.3将所选元素转换为组件5.2.4将舞台上的动画转换为电影剪辑5.2.5创建按钮组件5.2.6复制组件5.2.7编辑组件，5.2.1组件类型，在闪存中有三个组件：图形、按钮和电影剪辑。不同的组件类型可以产生不同的交互效果，因此使用组件可以创建丰富多彩的动画。(1)电影编辑组件电影编辑组件是一个Flash动画，它是主动画的一个组件，可以独立于主动画播放。因此，当播放主动画时，电影组件也在循环播放。(2)按钮组件按钮组件用于响应鼠标事件(如点击、滑动等)创建动画的交互式控制按钮。)。按钮有4种不同的状态，可以分别在按钮的不同状态下创建内容，但是它们可以是静态图形、动画或电影，并且可以向按钮添加事件的交互动作，以使按钮具有交互功能。(3)图形元素该元素是可重复使用的图形。图形元素可以是仅包含一帧的静止图片，也可以是由多个帧组成的动画。图形元素是动画的基本元素之一，但它不能添加交互、行为和声音控制。5.2.2创建新组件，并使用菜单命令创建新组件。以下方法用于创建新组件：(1)单击“插入/新建组件”命令，或使用快捷键F8打开“新建组件”对话框；(2)输入要创建的组件的名称，如“名称”文本框中的“球”。(3)在“类型”项目中选择“图形”单一选项。(4)单击确定按钮，将创建一个名为橡皮球的图形元素。元素编辑区域上方将出现一个图形元素图标。Flash将自动进入图形元素的编辑状态。(5)使用绘图工具在图形组件编辑区域绘制所需的图形，或从其他位置导入图形。5.2.3将选定的元素转换为组件。您可以在舞台上选择一个图形，并将其转换为图形组件。(1)在工具面板中，单击选择工具。(2)在舞台上，拖动图形选择它。(3)选择修改/转换为组件。(4)在“转换为组件”对话框中，输入经典乐器作为名称，并选择“图形”作为行为。请注意，注册网格使用黑色小方块来指示注册点在组件限制框中的位置。配准点是组件绕其旋转的轴，也是组件对齐的点。单击网格中左上角的方框，选择注册点位置，然后单击“确定”。舞台上的乐器现在是古典乐器的例子。您可以使用属性检查器显示图形组件实例的属性。(6)打开“库”面板(窗口/库)查看组件。您将在“资料库”面板中找到经典乐器组件。闪存将组件存储在库中。每个文档都有自己的库，库可以在不同的FLA文件之间共享。5.2.4将舞台上的动画转换为电影剪辑，电影剪辑元素在许多方面与文档中的文档相似。该组件类型本身有一个不依赖于主时间线的时间线。您可以将影片剪辑添加到其他影片剪辑和按钮中，以创建嵌套的影片剪辑。您也可以使用“属性”检查器将实例名称分配给影片剪辑的实例，然后在动作脚本中引用该实例名称。除了创建新组件并将对象转换为组件之外，您还可以将完成的小动画转换为电影组件。如果您已经在场景中创建了一个动画，并且以后可能需要它，或者您想要将它作为一个实例进行处理，您可以选择该动画并将其转换为电影组件。(1)在时间轴上从左上方到右下方拖动鼠标，选择要转换的动画的所有层上的所有帧(2)单击“编辑”/“时间轴”/“复制帧”命令，或右键单击所选帧，从弹出的快捷菜单中选择“复制帧”命令。(3)点击“插入”/“新建组件”命令，在弹出的“创建新组件”对话框中输入组件名称，选择“电影剪辑”选项，点击“确定”按钮进入电影剪辑组件编辑窗口。(4)右键单击鼠标选择第一帧上的“粘贴帧”命令，或单击“编辑”/“时间轴”/“粘贴帧”命令将复制的帧粘贴到时间轴上，(4)右键单击鼠标选择第一帧上的“粘贴帧”命令，或单击“编辑”/“时间轴”/“粘贴帧”命令将复制的帧粘贴到时间轴上。5.2.5创建按钮组件，按钮实际上是四帧交互式电影剪辑。为组件选择按钮行为时，Flash会创建一个四帧时间线。前三帧显示了按钮的三种可能状态，第四帧定义了按钮的活动区域。时间线实际上并不播放，它只是响应指针的移动和移动，并跳到相应的帧。要制作交互式按钮，请将按钮元素的实例放在舞台上，并为该实例分配操作。动作必须分配给文档中按钮的实例，而不是按钮时间线中的帧。如果您在“新建组件”对话框中选择“按钮”项，您将进入按钮编辑工作区。工作区上方会出现一个图标。时间线由“弹跳”、“指针传递”、“按下”和“点击”组成。时间线中四个状态帧的用途如下：弹跳：鼠标指针未移动到按钮时的状态是按钮的正常状态。这个框架是一个空的关键框架。点击此框创建按钮的状态。指针通过：指示指针在按钮上移动时的状态。要在框架上插入一个关键框架，然后创建指针在按钮上移动时的状态。通常，框架应该相对于弹出框架进行更改。例如，可以定义当鼠标指针在按钮上移动时，按钮改变颜色或放大。对于文本按钮，您可以定义效果，如当鼠标拖动按钮时文本变亮。按下：表示按下按钮时的状态。还应该在此框架上插入一个关键框架，然后创建鼠标按下按钮的状态。对于图形按钮，定义要按下的按钮的效果小于不按下的效果，因此当按钮被按下时，按钮会自动收缩并出现动态效果。点击：表示鼠标点击按钮的范围。此框不显示在作品中，但仅用于指示动作范围。它可以被一个实心的图形代替，以方便鼠标对按钮的操作。创建组件的实例，(1)选择编辑/取消选择全部，以确保舞台上没有任何内容被选择。(2)选择“插入”/“新组件”，或按控制F8。要创建按钮，请将按钮框架转换为关键帧。(3)在“创建新组件”对话框中，输入新按钮组件的名称；对于类型，选择按钮。Flash切换到组件编辑模式。时间线的标题更改为显示四个连续的标有“向上”、“指针经过”、“向下”和“点击”的帧第一帧(“反弹”)是一个空白关键帧。(4)要在弹出状态下创建按钮图像，可以使用绘图工具、导入图形或在舞台上放置另一个组件的实例。您可以在按钮中使用图形或影片剪辑符号，但不能在按钮中使用其他按钮。如果您想要为按钮设置动画，可以使用影片剪辑组件。(5)单击标记为“指针传递”的第二帧，并选择“时间线”/“关键帧”。Flash会插入复制“正常”帧内容的关键帧。(6)将按钮图像更改为“指针通过”状态。(7)对“按下”框和“点击”框重复步骤5和6。“点击”框在舞台上不可见，但它定义了按钮被点击时的响应区域。确保“点击”帧的图形是一个足够大的实心区域，可以包含“反弹”、“按下”和“指针通过”帧的所有图形元素。它也可以比可视按钮大。如果未指定“点击”帧，处于“正常”状态的图像将被用作“点击”帧。您可以创建一个不连贯的图像变换，其中将指针移动到一个按钮会导致舞台上的另一个图形发生变化。为此，您可以将“点击”框放置在不同于其他按钮框的位置。(8)要为按钮状态指定声音，请在时间线中选择状态帧，并在属性面板/声音中选择声音。(9)完成后，选择“编辑”/“编辑文档”。从“库”面板中拖动按钮组件，在文档中创建该组件的实例。5.2.6复制组件，创建组件后，您可以在文档中重用它的实例。您可以修改单个实例的以下实例属性，而不会影响其他实例或原始组件：颜色、比例、旋转、Alpha透明度、亮度、色调、高度、宽度和位置。如果稍后编辑组件，除了组件编辑效果之外，实例还会保留其修改后的属性。现在，您将直接复制乐器的实例，然后更改副本的音调。(1)在舞台上，选择乐器。按Alt键并将乐器向右拖动以创建另一个实例。如图1所示。(2)选择副本，并从属性检查器的“颜色”下拉菜单中选择“色调”。如图2所示。(3)在RGB区域，在“红色”弹出式菜单中输入0，在“绿色”弹出式菜单中输入255，在“蓝色”弹出式菜单中输入0。然后按回车键。重复实例变为蓝色，但原始实例保持不变。如图所示。5.2.7编辑组件，通过双击组件的任何实例都可以进入组件编辑模式。在组件编辑模式下所做的更改会影响组件的所有实例。(1)您可以通过执行以下操作之一进入组件编辑模式：在舞台上，双击其中一个乐器实例：在“库”面板中，双击乐器组件。组件的名称出现在工作区顶部场景1旁边，表示您正处于指定组件的组件编辑模式。(2)在“工具”面板中，选择“任何变形”工具，并在最低的仪器周围拖动以选择整个汽车。在组件编辑模式下，仪器是一个图形。您可以像操作组件中的任何其他矢量图一样操作它。5.3创建和编辑实例，5.3.1创建实例，5.3.2更改实例的颜色和透明度，5.3.3交换组件实例，5.3.4更改实例类型，5.3.5设置图形实例的动画，5.3.6分离实例，5.3.7查看实例信息，5.3.1创建实例，创建组件后，您可以在文档中的任何位置创建组件(包括其他组件)。修改组件时，闪存会更新组件的所有实例。当您创建影片剪辑和按钮实例时，闪存会为它们指定默认实例名称。您可以在属性检查器中将自定义名称应用于实例。(1)在时间线上选择一个层。Flash只能将实例放置在关键帧中，并且始终位于当前层上。如果未选择关键帧，闪存会将实例添加到当前帧左侧的第一个关键帧。(2)选择“窗口”/“库”打开库。(3)将组件从库中拖到舞台上。(4)如果您已经创建了图形元素的实例，请选择插入/时间线/帧来添加一定数量的帧。这些框架将包含图形元素。5.3.2更改实例的颜色和透明度。每个元素实例都可以有自己的颜色效果。要设置实例的颜色和透明度选项，请使用属性检查器。属性检查器中的设置也会影响组件中的位图。当在特定帧内更改实例的颜色和透明度时，Flash会在播放该帧时立即进行这些更改。要更改渐变颜色，必须使用补间。补间颜色时，在实例的开始和结束关键帧处输入不同的效果设置，然后补间这些设置，以便实例的颜色随时间逐渐变化。(1)选择舞台上的实例，然后选择窗口/属性。如图1所示。图1选择实例属性图2修改实例属性的效果(2)从属性检查器的“颜色”弹出式菜单中选择以下选项之一。“亮度”调整图像的相对亮度或暗度，范围从黑色(100%)到白色(100%)。点按三角形并拖移滑块，或者在文本框中输入一个值来调整亮度。“色调”与示例中的色调相同。使用属性检查器中的色调滑块将色调百分比从透明(0%)设置为完全饱和(100%)。单击三角形并拖动滑块，或者在文本框中输入一个值来调整色调。您可以通过在各自的文本框中输入红色、绿色和蓝色值来选择颜色。单击颜色框，并从弹出窗口中选择一种颜色；或者单击颜色选择器按钮。“Alpha”将实例的透明度从透明(0%)调整到完全饱和(100%)。若要调整Alpha值，请点按三角形并拖移滑块，或者在文本框中输入一个值。“高级”分别调整实例的红色、绿色、蓝色和透明度的值。此选项对于在对象(如位图)上创建微妙的颜色效果并设置其动画非常有用。左边的控件允许您将颜色或透明度的值减少指定的百分比。右边的控件允许您将颜色或透明度的值减少或增加一个常量值。红色、绿色、蓝色和Alpha的当前值乘以百分比值，然后右列中的常数值相加以生成新的颜色值。例如，如果当前红色值为100，将左滑块设置为50%，将右滑块设置为100将导致新的红色值为150(100 x 5100=150)。5.3.3交换组件实例。您可以为实例指定不同的组件，以便在舞台上显示