元件与实例 讲义.docxVIP

湖北师范大学 《现代教育技术》课程资源 第 PAGE 1 页 共 NUMPAGES \* Arabic 3 页 《元件与实例》微课电子讲义 1. 元件 元件是Flash中创建图形、按钮或影片剪辑的特殊对象。元件只需创建一次，即可在整个文档或其他文档中重复使用。创建的任何元件都会自动成为当前文档的一部分。 在文档中使用元件可以显著减小文件的大小。例如，通过将诸如背景图像这样的静态图转换为元件然后重新使用它们，可以减小文档的文件大小。使用元件还可以加快SWF文件的回放速度，因为一个元件只需下载到Flash Player中一次。 2. 元件的类型 元件的类型有三种，即图形元件、按钮元件、影片剪辑元件。创建元件时要选择元件类型，这取决于在文档中如何使用该元件。在“库”面板中，不同类型的元件，以不同的图标加以区别。下面给出不同元件的相应的用途和特点。 (1) 图形元件：用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。 (2) 按钮元件：用于创建响应鼠标单击、滑过或其他动作的交互式按钮。可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。 (3) 影片剪辑元件：用于创建可重用的动画片段。影片剪辑拥有它们自己的独立于主时间轴的多帧时间轴。可以将影片剪辑看作是主时间轴内的嵌套时间轴，它们可以包含交互式控件、声音甚至其他影片剪辑实例。也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。 3. 创建元件 可以将舞台上选定的对象转换成元件，也可以先创建一个空元件，然后在元件编辑模式下制作或导入内容。 【实例1】 将选定的对象转换成图形元件 将选定的对象转换成元件的操作步骤如下。 (1) 在舞台上选择一个或多个元素。 (2) 选择“修改”→“转换为元件”命令（F8），或将选中的对象元素拖到“库”面板上。 (3) 在“转换为元件”对话框的名称框中输入元件名称并在类型中选择图形元件类型。 (4) 单击“确定”按钮。 Flash自动地将转换的元件添加到库中。舞台上选定的元素此时就变成了该元件的一个实例。 【实例2】 创建一个影片剪辑元件 创建一个新元件的主要步骤如下。 (1) 确保未在舞台上选定任何内容，然后选择“插入”→“新建元件”命令（Ctrl+F8）。 (2) 在“创建新元件”对话框的名称框中输入元件名称，并在类型中选择影片剪辑元件类型。 (3) 单击“确定”按钮。 (4) 要创建元件内容，可使用绘画工具绘制、导入素材对象或创建其他元件的实例。用上一个花朵制作影片剪辑的缩放效果。 (5) 创建完元件内容之后，可单击舞台右上方编辑栏内的场景名称返回到文档编辑模式。 【实例3】 制作动态按钮 制作动态按钮的操作步骤如下。 (1) 新建文件，选择“插入”→“新建元件”命令，选择按钮元件。 当选择元件类型为按钮时，Flash会创建一个四帧的时间轴。其中，前三帧显示按钮的三种可能状态，第四帧定义按钮的活动区域。时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳到相应的帧。 第一帧是弹起状态，代表指针没有经过按钮时该按钮的状态。 第二帧是指针经过状态，代表当指针滑过按钮时，该按钮的外观。 第三帧是按下状态，代表单击按钮时，该按钮的外观。 第四帧是单击状态，定义响应鼠标单击的区域。此区域由图形中的像素决定，但所有的像素点在SWF文件中是不可见的。 (2) 在第一帧画一个椭圆，无线框，渐变填充。 (3) 单击第二帧，插入关键帧（F6），改变椭圆填充色，用“变形”面板将椭圆放大比例120％。 (4) 单击第三帧，插入关键帧，改变椭圆填充色。这样一个按钮就制作完成。 注意：Flash的“窗口”菜单的“公用库”中提供了很多的按钮，可以直接用鼠标左键拖动到舞台使用。 【实例4】 跟我学英语、架子鼓（隐形按钮）的制作说明 4. 创建实例 创建元件之后，可以在文档中任何需要的地方(包括在其他元件内)创建该元件的实例。 创建元件的实例，只需将元件从库中拖到舞台上即可。 实例是指位于舞台上或嵌套在另一个元件内的元件副本。对元件的一个实例可以进行大小、旋转等几何上的变换，也可以改变其色彩和透明效果。修改一个元件的实例不会影响其他实例。编辑元件则会更新它的所有实例。 图形元件的实例属性。 按钮元件的实例属性。 影片剪辑元件的实例属性。 【实训】 鼠标经过效果的制作 要求：完成“向日葵”、“海鸥”、“猴子”、“蝉”四个按钮的制作，当鼠标经过每个按钮的时候，看到如图所示的效果，点击范围在相应的按钮文字和左边的圆附近。