flash图形按钮和影片剪辑元件.docx

flash图形按钮和影片剪辑元件.docx

《flash图形按钮和影片剪辑元件.docx》由会员分享，可在线阅读，更多相关《flash图形按钮和影片剪辑元件.docx（13页珍藏版）》请在冰点文库上搜索。

flash图形按钮和影片剪辑元件

今天来看看Flash里的元件，Flash里有三种元件：

图形，按钮和影片剪辑~记得以前就有

朋友问，这三个有什么区别，特别是那个图形和影片剪辑的，要什么情况下用~那就让我们

先初步来了解下吧~

在Flash中，按Ctrl+F8或是选择插入——新建元件，都能打开新建元件窗口，就会出现如下窗口供我们选择要新建哪种元件，点确定后，就会直接进入元件编辑页面里了~

还有一种情况，就是在场景里画好的图形，想把它转成元件，那就把图选起来，直接按F8或是选择修改——转按为元件，一样能出现这个选择窗口，只不过，这种情况下，转完后还是在场景中，不会直接进入到元件中，但此时，这个选中的图形已经是元件了~

三种元件的标志是不一样的，如图

这三种元件中，按钮算是比较特殊的元件，图形元件和影片剪辑元件，就有些人会搞乱，那就先说下这两种元件吧~

图形元件：

一般我们是用来放静态图用的，转成图形元件的图案，可以方便的在影片剪辑元件中或是场景中做动画补间~

影片剪辑元件：

这个是很方便的一个元件，有时候，我们打开来一个FLASH源文件，发现只

有主场景中一帧，会奇怪，怎么这一帧就有那么多动画呢，其实，问题就在于这个影片剪辑中了，这一帧包含的影片剪辑，内容可是很丰富的，也就是说，一个影片剪辑中，可以套上多个不同的影片剪辑和图形元件，是我们做动画减少场景中图层的一个必要手段~

图形元件虽说一般只用来存放静态图案，但，它也是可以做动态的，只是不如影片剪辑方便

打个比方吧，在一个图形元件中，做好一个小圆移动的补间动画~这个动画在元件中测试是

可以的~

我们把它放到场景中，再发布测试下，发现，它是不会动的，跟影片剪辑不一样，那就不能让它动么，那是可以的，只不过，要在场景中，把它的帧数延长才能动，而要它跟在元件中一模一样，则需要延长的帧数跟在元件中一样才行了~

而影片剪辑元件，刚很是方便啦，还是用上面的例子，在一个影片剪辑元件中做一个圆移动的补间动画~

再把这个影片剪辑放到场景中测试，发现，虽只有一帧，还是能完整播放完的

再来看下按钮元件吧，按钮元件是三个元件中最特别的了，只有四帧：

弹起、鼠标经过、按下、和点击~

按钮一般是我们用来加代码控制一个动画的播放停止结束等的，但也有用来做特效的~今天

先弄个简单的控制的吧，把这三个元件都加一块练习比较下~

先看下效果，一个影片剪辑，一个图形元件，一个按钮元件组成的一个小动画，通过这个小动画比较了解下三个元件的不同~

新建一个空白的FLASH文档，按Ctrl+F8新建一个图形元件，在元件中做一个圆到四方形的移动形状补间（补间的前几天讲过的了，就不详说了，不清楚看前几天发的帖吧~）所谓的

圆到四方形的移动补间，就是在第一帧画一个圆，然后在一定的帧，我这里是30帧插入关键帧，把圆删掉，在离圆一定距离的地方画个四方形，创建形状补间动画~

再按CTRL+F8新建一个影片剪辑元件，同样，做一个形状补间，就还做前些天做的那个五个圆的吧~

先在第一帧画五个圆，然后在30帧插入关键帧，把五个圆删掉画一个大圆，再创建形状补间~

接下来，新建一个按钮元件，在第一帧，即弹起这一帧画一朵花，这朵花就是这个按钮的形状啦~

按F6插入三个关键帧，然后点下第二帧鼠标经过这一帧，改变下花的颜色

再点下第三帧按下，把花用变形工具放大一点

好了，回到场景中~按Ctrl+L打开库面板（可是直接选择窗口——库）

在图层1第一帧，把图形元件拉到场景中来，用鼠标点着库里的元件不放，拖到来即可再把按钮元件也一块拖到来摆放好~

PS：

几个元件是可以放在一个帧里的，不会受到影响，但若是单独做的补间，则不可以一帧

放多个图形或元件，做好的元件才可以放同一帧里~

在31帧插入关键帧，把图形元件删掉，再把影片剪辑元件放到场景中来

好了，该放的都放好了，下面，再来写上两锯代码控制下吧~

stop（）;

点下图层1第一帧，按F9打开动作面板（或是选择窗口——动作），输入代码也可以如图这样，选择stop（）;这个应该不用解释了吧，停止的意思，这样，一打开就停止在这一帧了~

友情提示：

加在帧上的代码，帧上会出现一个字母a喔，如果不小心点错加到元件上就不会有这个了，所以有时候注意下就不会出错了

再在第31帧也插入代码stop（）;

好了，下面，点回第一帧，点一下这一帧的按钮元件，打开动作面板输入代码on（release）{

play（）;

}

意思是单击按钮时播放

再点回31帧，点下31帧的按钮元件，输入代码on（release）{gotoAndPlay

（1）;

}意思是单击按钮时跳转播放第一帧

好了，可以测试了~

友情提示：

写上元件上的和写上帧上的是不一样的喔，所以，注意，不要点错了把写按钮上的代码写到帧上了，那样就会出错了~

通过这个小小的动画，不难发现，影片剪辑单独一帧，只要是停止在那的，它也会不停的播放着元件中的内容，相反，图形元件就不行了，所以，一般图形元件我们就只用来存放静态的图，方便用来做动画，因为，一个图形，转成元件后，放到别的元件或是场景中，属性里会有方便修改色调透明度等的选项，这些用来做一些效果是很棒的~而且，转成元件的图形，是属于组合状态的，这样在做动画的时候就不会轻意给修改了，再者，当你发现做的时候，有个地方没画对，想改变下，但已经做了N帧了，这时，如果这图形是元件的话，只要改变

下元件中的内容，后面套用的就全部改变了，也就是所有帧都变了，不需要一帧一帧去改非常方便~

一句两句是说不完的，以后慢慢从练习中熟悉吧