flash课件04使用元件实例与库.ppt

第4章 使用元件、实例与库 学 习 目 标 丰富的媒体资源引用对作品生动性起到了关键性作用，作品中的各种媒体资源在库中要进行有效的管理，元件是在利用媒体时经常使用到的应用形式。 本章介绍了元件、实例和库的相关操作及应用，重点掌握不同类型元件的使用及区别。 本 章 重 点 元件和实例的概念 元件的类型 创建和编辑元件 实例的编辑 库的管理 4.1　元件与实例 4.1.1 相关概念 元件是一种可以重复使用的对象，每个元件都有一个唯一的时间轴和舞台，以及几个图层。重复使用元件不会增加文件的大小，元件还简化了文档的编辑。当编辑元件时，该元件的所有实例都相应地更新。元件的另一个好处是使用它们可以创建完整的交互性。 实例是对元件的引用。创建元件之后，可以在文档中任何地方（包括在其它元件内）引用该元件即创建该元件的实例。实例可以与它的元件在颜色、大小和功能上有差别。可以在属性面板中为实例提供名称，在 ActionScript 中使用实例名称来引用实例。 4.1.2 元件的类型 元件共分为3种：图形、按钮和影片剪辑，如图4-1所示。 1、图形：图形元件可用于静态图像，也可用来创建动画片断。它的时间轴和主时间轴同步。交互式控件在图形元件中不起作用。 2、按钮：可以创建用于响应鼠标单击、滑过或其它动作的交互式按钮。可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。 3、影片剪辑：用来创建可重用的动画片段。影片剪辑拥有各自独立于主时间轴的时间轴。它们可以包含交互式控件、声音甚至其它影片剪辑实例。 4.2　元件的相关操作 4.2.1 创建元件 可以通过舞台上选定的对象来创建元件，也可以创建一个空元件，然后在元件编辑模式下制作或导入内容。 【例4-1】创建一个新的空元件有如下几种方法。 (1) 选择【插入】|【新建元件】。 (2) 单击“库”面板左下角的“新建元件”按钮。 (3) 从“库”面板右上角的【库面板】菜单中选择【新建元件】。 在出现如图4-2所示的“创建新元件”对话框中，输入元件名称并选择类型， 单击“确定”，Flash 会将该元件添加到库中，并切换到元件编辑模式。在元件编辑模式下，元件的名称将出现在舞台左上角的上面，并由一个十字光标指示该元件的注册点。 将选定对象转换为元件，在舞台上选择一个或多个元素。请执行下列操作之一： 1、选择【修改】|【转换为元件】。 2、将选中元素拖到“库”面板上。 3、单击右键，然后从快捷菜单中选择“转换为元件”。 4、从键盘上敲转换为元件的快捷键【F8】键。 在出现如图4-3所示的“转换为元件”对话框中，输入元件名称并选择类型。在注册网格中单击，以便放置元件的注册点。单击“确定”。Flash会将该元件添加到库中。舞台上选定的元素此时就变成了该元件的一个实例。 4.2.2 编辑元件 编辑元件时，Flash 会更新文档中该元件的所有实例。 可以使用“在当前位置编辑”命令在舞台上与其它对象一起进行编辑。 其它对象以灰显方式出现，从而将它们和正在编辑的元件区别开来。 正在编辑的元件的名称显示在舞台顶部的编辑栏内，位于当前场景名称的右侧。 【例4-2】以下操作均可在当前位置编辑元件。 (1) 在舞台上双击该元件的一个实例。 (2) 在舞台上选择元件的一个实例，单击右键如图4-4所示，然后选择“在当前位置编辑”。 (3) 在舞台上选择该元件的一个实例，然后选择【编辑】|【在当前位置编辑】。 也可以在舞台上选择该元件的一个实例，单击右键，然后选择“在新窗口中编辑”。在单独的窗口中编辑元件使您可以同时看到该元件和主时间轴。 正在编辑的元件的名称会显示在舞台顶部的编辑栏内。 使用元件编辑模式，可将窗口从舞台视图更改为只显示该元件的单独视图来编辑它。 正在编辑的元件的名称会显示在舞台顶部的编辑栏内，位于当前场景名称的右侧。 【例4-3】执行下列操作之一来选择元件。 (1) 双击“库”面板中的元件图标。 (2) 在舞台上选择该元件的一个实例，单击右键，然后从上下文菜单选择“编辑”。 (3) 在舞台上选择该元件的一个实例，然后选择【编辑】|【编辑元件】。 (4) 在“库”面板中选择该元件，然后从【库面板】菜单中选择【编辑】，或者右键单击“库”面板中的该元件，然后选择“编辑”。 要退出元件编辑模式并返回到文档编辑状态，请执行下列操作之一： 1．单击舞台顶部编辑栏左侧的“返回”按钮。 2．选择【编辑】|【编辑文档】。 3．单击舞台上方编辑栏内的场景名称。 4．双击元件内容的外部。 4.2.3 元件上机练习 【例4-4】创建“图形”元件——雪花。本实例通过“雪花”元件的创建，介绍了图形元件的创建方法。实例效果如图4-5所示： 操作步骤： (1) 新建一个Flash文档，设置文档属性