本节课介绍“将对象转换成元件”时弹出的对话框内，可供选择的三类元件

一、建立文件及前期设定

1. 影片剪辑可以看成一个独立的swf文件

   影片剪辑拥有自己的时间轴，可以在这里制作动画

   下面以一个具体实例进行解释：

   1、新建flash文檔之后，我们位于主时间轴也称之为主场景动画。

   <1>现在用矩形工具（去掉边框色填充色设为蓝色）在舞台上绘制一个长方形

   <2>用选择工具单击这个长方形之后，按F8键选择 影片剪辑（其它项目不用设置），如下图所示

2. 2、在库面板内，我们发现出现了一个名为 元件1的元件这个就是我们刚才创建的影片剪辑元件。

   <1>如下图用选择工具单击舞台上的元件后，在属性面板内可以看到 元件1的字样，和库面板内嘚元件1是对应的

   <2>我们可以在库面板内修改元件1的名字，修改的方法是直接在 元件1上双击发现可以编辑，修改结束后回车你会发现，屬性面板内的名字也相应的发生了改变

   事实上，我们可以在库面板内可以 随意的修改 元件的名称flashIDE会自动的将舞台上的对象的名字设为修改之后的

3. 3、<1>现在，主时间轴上只有一帧

   <2>我们用选择工具单击选中舞台上的影片剪辑元件，然后双击它就可以进入该元件的内部，如丅图可以知道在元件1的内部。通过单击场景动画1就可以进入主场景动画。

   <3>我们现在保证在元件1的内部可以发现，时间轴与主场景动畫一模一样这就是所谓的“影片剪辑元件相当于一个独立的swf文件”的意思。

   <4>现在制作一个变色的 补间形状动画：

   在20帧F6用选择工具单击20幀内舞台上的对象后，在属性面板内修改填充色为黄色时间轴上任意一帧上点右键，选择 创建补间形状

   如此一来，影片剪辑元件的内蔀就有了一个补间动画了我们单击“场景动画1”（下图1内框出来的地方）进入主场景动画（如下图3所示），发现主场景动画的时间轴上呮有一帧

   按Ctrl+回车键测试影片，发现有动画因为这个动画是影片剪辑内部的动画

4. 4、通过这个案例，相信大家已经可以了解影片剪辑元件嘚特性了没错，影片剪辑相当于一个独立的swf文件拥有自己独立的时间轴，可以展现动画

   那么，何时用影片剪辑呢

   举个例子：我们偠制作一个小鸟飞行的动画，小鸟在飞行时需要煽动翅膀如果一边制作翅膀的煽动、一边制作小鸟的位置移动，就太麻烦了！此时可鉯将将鸟转换为影片剪辑元件，在影片剪辑内部制作小鸟翅膀的煽动的动画然后来到主场景动画，给这个影片剪辑制作位置移动的动画

   这样实现的效果就是，小鸟一边煽动翅膀一边飞行了。非常的方便

   其唯一的缺点就是，必须测试影片才能看到效果

1. 在“ flashCS6基础教程-11-按钮详解”一文中，我详细的剖析了按钮的使用方法这里不再赘述。只补充一下按钮的应用场合

   发布为swf文件之后，观众将鼠标移动到按钮上（准确的说法是 按钮的热区）时鼠标会变成一个小手的模样，告诉观众这是一个按钮同时也暗示着观众可以与按钮进行交互。

   按钮多数情况下要与代码联系在一起这才是按钮的正确的使用范畴。

2. 当然有一部分人喜欢利用按钮的第二帧的特性来制作视觉效果：

   鼠标移动到按钮上时，按钮的外观大变样（其实变成了按钮内部的第二帧内的画面）

   比如说，可以制作如下的效果：

   舞台上有一张图片（其实是按钮)观众移动鼠标到图片上的时候，图片放大显示移开鼠标后，图片又恢复原大小

3. 学习了AS之后，我们还可以使用影片剪辑來实现按钮的效果而且，某些情况下只能用影片剪辑比如说：

   有一张图片，单击之后会放大然后一直保持着放大的模样，必须再单擊一次才会恢复原状

   要实现这个效果，按钮是无法达成的此时只能用影片剪辑来实现【也可以用纯代码加载图片，直接对图片编程這些内容我会在后面教程中另外开辟AS专栏进行讲解】

1. 图形元件被设计成只有一帧。

   但是如果你按照本节课的“二、影片剪辑元件 ”内的步骤进行操作，你会发现图形元件的内部也有时间轴，也可以做动画

   我们现在在“二、影片剪辑元件 ”制作的文件的基础上，进行如丅的更改辅助说明图形元件的特点

   1、在主场景动画下，用选择工具单击舞台上的影片剪辑元件在属性面板内，如下图将影片剪辑换荿 图形，这样一来舞台上的对象的类型就变成了 图形

2. 2、测试影片，发现没有动画关闭测试的窗口，进入元件的内部发现有动画。

   这僦是 图形元件 和 影片剪辑元件的不同：

   影片剪辑元件有多帧可以做动画

3. 3、但是！如果我们将主场景动画的时间轴，延长动画的持续时间意思是在第20帧按F5键。如下图所示

   为什么是在20帧呢？因为元件内部制作了20帧的动画

   此时，不用测试影片直接拖动播放头，就可以看箌动画！

   图形元件竟然可以实现动画的效果！

   请记住图形元件的这个特性

1. 如果对象需要做人机交互，请选择为按钮或影片剪辑元件

   如果对象不需要人机交互，且无需做动画请选择为图形元件。

2. 如果对象需要做动画图形或影片剪辑都可以。但一定注意下面的：

   影片剪輯：主场景动画只有一帧即可实现动画

   图形：主场景动画必须有多帧才可以实现动画。

   因为图形是被设计为只有一帧的静态画面的。

• 鈈需要做动画时请优先使用图形，不要用影片剪辑因为图形占用的资源少