《网页设计基础教程与上机指导(第2版)》第19章：元件和组件

第19章 元件和组件,教学提示和教学目标 19.1 元件与实例 19.2 使用组件,教学提示和教学目标,教学提示：在Flash中，最主要的动画元素是元件。元件包括3种类型图形元件、按钮元件和影片剪辑元件。不同的元件类型具备不同的特点，合理地使用元件是制作专业Flash动画的关键。 在Flash 8中内置了很多常用的组件。设计这些组件的目的就是为了让开发人员重复使用和共享代码，封装复杂功能，使设计人员无需编写ActionScript就能够使用和自定义这些功能。有了这些内置的组件，即使是初学者也能制作出简单的应用程序。 教学目标： 熟悉元件和实例 掌握创建图形元件 掌握创建影片剪辑元件 掌握创建按钮元件 掌握创建元件的实例 掌握组件的使用 掌握使用元件创建百叶窗,19.1 元件与实例,19.1.1 创建图形元件 19.1.2 创建影片剪辑元件 19.1.3 创建按钮元件 19.1.4 创建元件的实例 19.1.5 编辑元件和实例,19.1.1 创建图形元件,图形元件是最简单的Flash元件，它可以作为静态图片和动画来使用。但是若图形元件中含有动画时，有自己的时间线，但其时间线必须与影片中的时间线同步，也就是说图形元件中的动画是捆绑在主时间轴上的，当影片停止时，图形元件的动画也停止了。创建图形元件有两种方法。 1. 直接创建图形元件。 2. 将已有元素转换为图形元件,19.1.2 创建影片剪辑元件,创建影片剪辑元件的具体操作步骤如下。 (1)选择【插入】|【新建元件】命令，弹出【创建新元件】对话框，如图19.5所示。 (2)在对话框中的【名称】文本框中输入元件的名称，在【类型】列表中选中【影片剪辑】单选按钮，单击【确定】按钮，切换到影片剪辑编辑窗口，如图19.6所示。 (3)根据需要，用户可以在影片剪辑编辑窗口中进行编辑。 (4)完成元件内容制作以后，选择【编辑】|【编辑文档】命令，返回场景窗口。,19.1.3 创建按钮元件,按钮是元件的一种，它可以根据可能出现的每一种状态显示不同的图像、响应鼠标动作和执行指定的行为。 按钮有特殊的编辑环境，通过在4帧时间轴上创建关键帧，指定不同的按钮状态。 【弹起帧】：表示鼠标指针不在按钮上时的状态。 【指针经过帧】：代表鼠标指针在按钮上时的状态。 【按下帧】：表示鼠标单击按钮时的状态。 【单击帧】：定义对鼠标单击做出反应的区域，这个反应区域在影片中是看不见的。,19.1.4 创建元件的实例,元件创建完成以后，就可以在影片中的任何地方使用该元件的实例，但需要注意的是，影片剪辑实例的创建和包含动画的图形实例的创建是不同的，影片剪辑只需要一帧就可以播放动画，但在编辑环境中不能演示动画效果，而包含动画的图形实例，则必须在与其元件同样长的帧中放置，才能显示完整的动画。,19.1.5 编辑元件和实例,1. 编辑元件 在对一个元件进行编辑时，舞台和时间轴都会转而显示该元件对应的内容。在Flash 8中，对一个元件进行编辑有3种方式，可以在元件实例中右击，在弹出的快捷菜单中选择【编辑】选项、【在当前位置编辑】选项或者【在新窗口中编辑】选项。无论选择哪一种方式，时间轴只显示该对象对应的时间轴。 【编辑】：可以改变舞台的显示内容使它显示元件对应的图形。 【在当前位置编辑】：可以使舞台上该元件对应的图形以外的所有对象变暗。 【在新窗口中编辑】：可以把它放到一个单独的窗口中进行编辑。 2. 编辑实例 在【颜色】下拉列表中有以下选项。 【无】：没有效果 【亮度】：更改实例的亮度。 【色调】：更改实例的色调。 Alpha：更改实例的透明度。 【高级】：单击【设置】按钮，弹出【高级效果】对话框。,19.2 使 用 组 件,在Macromedia Flash Professional 8中使用组件有多种方法，可以使用【组件】面板来查看组件，并可以在创作过程中将组件添加到文档中。在将组件添加到文档中后，可以在【属性】面板或【组件检查器】面板中查看组件属性。 1. 【组件】面板 所有组件都存储在【组件】面板中，如图19.13所示。 2. 【库】面板中的组件 在将组件添加到文档后，它将在【库】面板中显示为编辑剪辑元件(SWC)。 3. 创建组件的多个