新手入门第三课 关于元件［本文已收录教程库］
jc:ok 今天来看看Flash里的元件，Flash里有三种元件：图形，按钮和影片剪辑~记得以前就有朋友问，这三个有什么区别，特别是那个图形和影片剪辑的，要什么情况下用~那就让我们先初步来了解下吧~在Flash中，按Ctrl+F8或是选择插入——新建元件，都能打开新建元件窗口，就会出现如下窗口供我们选择要新建哪种元件，点确定后，就会直接进入元件编辑页面里了~
[attach]849436[/attach]
还有一种情况，就是在场景里画好的图形，想把它转成元件，那就把图选起来，直接按F8或是选择修改——转按为元件，一样能出现这个选择窗口，只不过，这种情况下，转完后还是在场景中，不会直接进入到元件中，但此时，这个选中的图形已经是元件了~
[attach]849440[/attach]
三种元件的标志是不一样的，如图~
[attach]849465[/attach]
这三种元件中，按钮算是比较特殊的元件，图形元件和影片剪辑元件，就有些人会搞乱，那就先说下这两种元件吧~
图形元件：一般我们是用来放静态图用的，转成图形元件的图案，可以方便的在影片剪辑元件中或是场景中做动画补间~
影片剪辑元件：这个是很方便的一个元件，有时候，我们打开来一个FLASH源文件，发现只有主场景中一帧，会奇怪，怎么这一帧就有那么多动画呢，其实，问题就在于这个影片剪辑中了，这一帧包含的影片剪辑，内容可是很丰富的，也就是说，一个影片剪辑中，可以套上多个不同的影片剪辑和图形元件，是我们做动画减少场景中图层的一个必要手段~
图形元件虽说一般只用来存放静态图案，但，它也是可以做动态的，只是不如影片剪辑方便~
打个比方吧，在一个图形元件中，做好一个小圆移动的补间动画~这个动画在元件中测试是可以的~
[attach]849466[/attach]
我们把它放到场景中，再发布测试下，发现，它是不会动的，跟影片剪辑不一样，那就不能让它动么，那是可以的，只不过，要在场景中，把它的帧数延长才能动，而要它跟在元件中一模一样，则需要延长的帧数跟在元件中一样才行了~
[attach]849467[/attach]
而影片剪辑元件，刚很是方便啦，还是用上面的例子，在一个影片剪辑元件中做一个圆移动的补间动画~
[attach]849470[/attach]
再把这个影片剪辑放到场景中测试，发现，虽只有一帧，还是能完整播放完的~
[attach]849472[/attach]
再来看下按钮元件吧，按钮元件是三个元件中最特别的了，只有四帧：弹起、鼠标经过、按下、和点击~
[attach]849473[/attach]
按钮一般是我们用来加代码控制一个动画的播放停止结束等的，但也有用来做特效的~今天先弄个简单的控制的吧，把这三个元件都加一块练习比较下~
先看下效果，一个影片剪辑，一个图形元件，一个按钮元件组成的一个小动画，通过这个小动画比较了解下三个元件的不同~
[swf]http://bbs.jcwcn.com/attachment.php?aid=849488&k=dc81421d7c7e519eee08583c973ec32c&t=1213065158[/swf]
新建一个空白的FLASH文档，按Ctrl+F8新建一个图形元件，在元件中做一个圆到四方形的移动形状补间（补间的前几天讲过的了，就不详说了，不清楚看前几天发的帖吧~）所谓的圆到四方形的移动补间，就是在第一帧画一个圆，然后在一定的帧，我这里是30帧插入关键帧，把圆删掉，在离圆一定距离的地方画个四方形，创建形状补间动画~
[attach]849489[/attach]
再按CTRL+F8新建一个影片剪辑元件，同样，做一个形状补间，就还做前些天做的那个五个圆的吧~
先在第一帧画五个圆，然后在30帧插入关键帧，把五个圆删掉画一个大圆，再创建形状补间~
[attach]849490[/attach]
[attach]849492[/attach]
接下来，新建一个按钮元件，在第一帧，即弹起这一帧画一朵花，这朵花就是这个按钮的形状啦~
[attach]849495[/attach]
按F6插入三个关键帧，然后点下第二帧鼠标经过这一帧，改变下花的颜色
[attach]849496[/attach]
再点下第三帧按下，把花用变形工具放大一点~
[attach]849497[/attach]
好了，回到场景中~按Ctrl+L打开库面板（可是直接选择窗口——库）
[attach]849505[/attach]
在图层1第一帧，把图形元件拉到场景中来，用鼠标点着库里的元件不放，拖到来即可~再把按钮元件也一块拖到来摆放好~
[attach]849506[/attach]
PS：几个元件是可以放在一个帧里的，不会受到影响，但若是单独做的补间，则不可以一帧放多个图形或元件，做好的元件才可以放同一帧里~
在31帧插入关键帧，把图形元件删掉，再把影片剪辑元件放到场景中来~
[attach]849507[/attach]
好了，该放的都放好了，下面，再来写上两锯代码控制下吧~
点下图层1第一帧，按F9打开动作面板（或是选择窗口——动作），输入代码stop();
也可以如图这样，选择stop(); 这个应该不用解释了吧，停止的意思，这样，一打开就停止在这一帧了~
[attach]849508[/attach]
友情提示：加在帧上的代码，帧上会出现一个字母a喔，如果不小心点错加到元件上就不会有这个了，所以有时候注意下就不会出错了`
[attach]849509[/attach]
再在第31帧也插入代码stop();
[attach]849518[/attach]
好了，下面，点回第一帧，点一下这一帧的按钮元件，打开动作面板输入代码
on (release) {
play();
}
意思是单击按钮时播放
[attach]849519[/attach]
再点回31帧，点下31帧的按钮元件，输入代码
on (release) {
gotoAndPlay(1);
}
意思是单击按钮时跳转播放第一帧
[attach]849520[/attach]
好了，可以测试了~
友情提示：写上元件上的和写上帧上的是不一样的喔，所以，注意，不要点错了把写按钮上的代码写到帧上了，那样就会出错了~
通过这个小小的动画，不难发现，影片剪辑单独一帧，只要是停止在那的，它也会不停的播放着元件中的内容，相反，图形元件就不行了，所以，一般图形元件我们就只用来存放静态的图，方便用来做动画，因为，一个图形，转成元件后，放到别的元件或是场景中，属性里会有方便修改色调透明度等的选项，这些用来做一些效果是很棒的~而且，转成元件的图形，是属于组合状态的，这样在做动画的时候就不会轻意给修改了，再者，当你发现做的时候，有个地方没画对，想改变下，但已经做了N帧了，这时，如果这图形是元件的话，只要改变下元件中的内容，后面套用的就全部改变了，也就是所有帧都变了，不需要一帧一帧去改~非常方便~jc:ok 一句两句是说不完的，以后慢慢从练习中熟悉吧~
[attach]849521[/attach]
[[i] 本帖最后由 xyl7422 于 2008-7-18 09:57 编辑 [/i]] 交作业,嘿嘿.
效果完成动画:
[attach]849613[/attach] 看下楼上朋友的~
[swf]http://bbs.jcwcn.com/attachment.php?aid=849613&k=fbe8381d612098f3930eb9e5bac64231&t=1213076232[/swf] 终于学会了，应该说在清风老师的细致而耐心的指导下我终于学会了，在此特向老师致以深深的谢意。[swf]http://bbs.jcwcn.com/attachment.php?aid=857242&k=7867d06c5fc36b1a870ed3d4409c907b&t=1213845068[/swf]
[[i] 本帖最后由 极速快车 于 2008-6-19 11:12 编辑 [/i]] 交作业咯，jc:qiang[swf]http://bbs.jcwcn.com/attachment.php?aid=857481&k=9b67025870690bba2e56c8d3069d33ca&t=1213865404[/swf]
[[i] 本帖最后由 qinjihuo 于 2008-6-19 16:52 编辑 [/i]] jc:fighting jc:fighting jc:fighting
[swf]http://bbs.jcwcn.com/attachment.php?aid=860868&k=3a1e892e467942de56d0a7bc63bd7777&t=1214294014[/swf] 学习flash+上传flash[swf]http://bbs.jcwcn.com/attachment.php?aid=865336&k=b09bc1e409374af7df54eaa950066fb3&t=1214880964[/swf]
[[i] 本帖最后由 霍铁北 于 2008-7-1 10:59 编辑 [/i]] 请问
我前面的影片剪辑做动作很顺利,为什么后面的按钮元件做不了动作?
当我选中按钮添加动作时 动作面版上出现一行字:Current selection cannot have actions appliedn to it. 是什么意思?怎么解决啊?
我是新手 请指教!
回复 8楼 caiyuxing 的帖子
jc:yiwen 不能执行,你是否有选中按钮再去按F9写代码的啊~按钮的代码要写在按钮上的吖~还有,确实你选中的是按钮元件哈~一般注意这些,是不可能有问题的吖~你再检查下吧~jc:sweat 要不行就把源文件传上来给你瞧下下~ 我按的是按钮 也是根据你的教程来弄的 我也不知道为什么 我把源文件传你看看吧 对了我用的是AS3.0的 应该是没有关系的吧?回复 10楼 caiyuxing 的帖子
jc:han 不好意思,你是不是用的CS3啊,我打不开文件呢,我这只装的8.0,唉,看来要去弄个3的装下才行了~我找小博士看下去,你再等等吧~ 好我再等等 AS的函数感觉好难.,不理解,还有什么变量关系不懂回复 8楼 caiyuxing 的帖子
1.将主场景中的第一帧上的stop(); 删除就行了．第一帧用了stop();动画没有运行，又那来后面的动作呢？２在AS3中是不能将代码写在元件上的．那句英文诉意思是：＂不能将动作应用到当前所选定的内容＂．在AS3中代码的写法请参考我的AS3入门教程第一课． 谢谢你 博士
我看了你ACS的函数教程 文字部分说的基本能懂 到了后面的一出现公式就完全不懂了!
对AS一点基础也没有 只能看懂基本的停止和播放之类的.有没有再基础一点的AS教程呢,比如说每个公式的的涵义,编写规则等. 丫头`我这图形和场景里的桢数一样呀`怎么看着还是多一桢`jc:cry ``[swf]http://bbs.jcwcn.com/attachment.php?aid=866960&k=bd644cc052783aace4258328efda3efc&t=1215102710[/swf] 呵呵
楼主的教程真是厉害
一学就会
马上学习后续的教程 看下楼上的效果~
[swf]http://bbs.jcwcn.com/attachment.php?aid=875952&k=39f42feeddb756b476e71823e417e9ee&t=1216043984[/swf] 交作业了jc:secai jc:secai[swf]http://bbs.jcwcn.com/attachment.php?aid=883436&k=560d63c58219a7272d84fbb9057228b2&t=1217057696[/swf]
[[i] 本帖最后由 ycjiangwei 于 2008-7-26 15:35 编辑 [/i]] 丫头姐姐我不会在按扭上写字jc:secai jc:secai
回复 20楼 ycjiangwei 的帖子
进入按钮编辑环境，新插入一层，然后，用文本工具建一静态文本框，输入需要的字即可．回复 21楼 sanbos 的帖子
博士大哥怎么建静态文本框啊 谢谢博士大哥，我找到了 交作业^ ^[attach]884997[/attach] 看下楼上朋友的作业~
[swf]http://bbs.jcwcn.com/attachment.php?aid=884997&k=bf54f13c7f0efd7a17d7edb19cc0dd29&t=1217061963[/swf] jc:shangxin
26楼的作业
[swf]http://bbs.jcwcn.com/attachment.php?aid=886082&k=d6a17324c0167a0c4251f9ba08996524&t=1217229604[/swf] 交作业咯，呵呵~jc:sweat[swf]http://bbs.jcwcn.com/attachment.php?aid=887265&k=9a6f631171a96009a6be53132fdb9fae&t=1217256150[/swf] 交交作业 这是我做的 ！ [quote]原帖由 [i]wanmeiwht[/i] 于 2008-8-10 10:21 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=4324304&ptid=186997][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]交交作业 这是我做的 ！ [/quote]
楼上的作业，支持练习
[swf]http://bbs.jcwcn.com/attachment.php?aid=896898&k=eb5538d96a936d06af0a4ccf129ecf4a&t=1218343105[/swf]