第十七讲 元件、按钮与动作

admin

第十七讲 元件、按钮与动作

学习目标
5 Y1 `2 t: `* X    1.认识元件，会创建、编辑、引用元件；
. z, H$ n* `1 d/ K: U3 H    2.认识动作面板，会添加动作脚本。
学习内容
    元件
' m( b" J/ z5 J' A$ I2 ]5 o        定义
: Y/ K' \6 ~" K7 y            元件是可以重复使用的图形、影片剪辑或按钮；
            每个元件都有自己的时间轴和场景；
            创建的元件系统会自动保存到库中；
        优点
            元件好象被储备起来的演员，随时可调用；
8 i1 z5 f& `8 O- g4 W            可以在很大程度上减小文件体积；
6 ^0 A. Z; }- q. k            只需装载一次，减少动画播放时间；
) R1 V: Z0 z9 C5 q' k            简化了文件的编辑，因为修改元件后动画中所有引用该元件的实例会自动发生相应的变化；
" Y$ X! J8 d% w+ T        三种类型
4 n8 L4 m/ t# n" H$ ]; R& ?2 x            影片剪辑元件：是一段flash动画，它是主动画的一个组成部分，它可独立于主动画进行播放；
            按钮元件：用于创建动画的交互控制按钮，以响应鼠标事件（如单击、滑过等）；
" o5 T5 L# ~4 B. {            图形元件：是可反复使用的图形，可以是只含一帧的静止图片，也可以制作成由多个帧组成的动画；
        创建、编辑元件
- E( j! {- J# R3 ?            创建：插入---新建元件；修改---转换为元件；
2 w$ L7 @* F) R" f) y            编辑：窗口---库，打开库面板，双击对应的元件；直接在主场景中双击对应的实例；
        元件的引用---实例
            定义：元件从库中拖入到场景中，场景中的对象称为实例；
4 |. E4 w* A, V# A/ Q6 i            每个实例都有自己的属性；
            编辑实例：单击实例，可以修改其大小、倾斜度、颜色（亮度、色调、Alhpa值）
            注：双击实例，编辑的是元件，所有对应的实例均会改变; 要想使实例和元件脱离关系，利用”修改/分离”命令。
- J* b& L# a+ y1 ^    交互性在FLASH动画中非常重要，按钮是实现交互最基本元素。
% W7 ^# B1 A* b: W. k
        弹起：按钮直接显示出来的样子。
        指针经过：设置鼠标经过的时候按钮的样子。
        按下：设置鼠标按下按钮时候，按钮的样子。
* M* K. _2 X. `" Z& j0 Z7 e' N9 n" L        点击：设置在哪些范围之内，鼠标变成手形，可以按下。
3 C7 l$ {# o9 R    认识“动作”面板
" B. [7 y1 q  t7 @
        控制影片播放的动作脚本有：
3 V5 O* |! k: b" T  K: l0 o$ s            stop():停止播放动画；
            play():使动画从当前帧开始继续播放；
4 n5 L) t. ]- p  ?* C* K( m9 I! m            gotoAndPlay():跳转到某一帧并从这一帧开始继续播放；
3 {& O- t1 I3 E) q$ R6 ?            gotoAndStop():跳转到某一帧并停止在该帧上；
- M& l' _0 Y& N$ t# X) H/ H        在Flash中添加动作脚本可以分为两种方式：
( e8 L& o9 |  B            一是：为“帧”添加动作脚本
) {  D! `! c. d6 w9 Q, S3 c" G6 u            “帧”动作脚本，是指在时间轴的“关键帧”上添加的动作脚本。
! V) d1 o  s# M            二是：向“对象”添加动作脚本。
            “对象”动作脚本，是指在“按钮”元件和“影片剪辑”元件的实例上添加的动作脚本。
; j* g, V% |7 I! p' X            注意：“图形”元件上是不能添加动作脚本的。
            为“按钮”添加鼠标事件
            on()事件：指定触发动作的鼠标事件。
                语法格式：
3 Y) Q& K9 F$ u2 }            　　on (mouseEvent) {
# ^$ ?. F+ U& e                    执行语句
            　　}
               “()”小括号中的mouseEvent参数是鼠标事件。
2 X3 D3 A9 C7 K            常用有以下几种鼠标事件：
1 P$ {8 u: f1 H  i  ^# {            　　Press　 　当鼠标指针经过按钮时按下鼠标。
$ e+ t0 ~) i: m$ z: N4 u: K! H$ a            　　release　 当鼠标指针经过按钮时按下再释放鼠标按钮。
6 B" Z3 k, b7 X4 `$ s8 B　            　releaseOutside 当鼠标指针在按钮之内时按下按钮后，将鼠标指针移到按钮之外，此时释放鼠标按钮。
" v) d# O# O# B; e1 {　            　rollOut   鼠标指针滑出按钮区域。
2 v) c2 ^* a9 k- F                   rollOver  鼠标指针滑过按钮。
学习任务
    1.创建简单的按钮。

% h# x1 g' Q5 {& f" j" j


2 A. o1 O0 D. G6 ~
+ C, H3 j) P- p) b: ?


% y1 k! q3 A' A, E7 s



    2.制作“醉酒开车”动作版动画。

  c# C+ u; r* R5 C" [) G3 D# e
; G! n2 y: G/ [
: m4 F& e; k6 q; f( h3 U


8 J$ y' q9 }4 Q" G5 S! P9 d) s; o

附件：
- c3 I, r4 [$ A) J