flash案例3按钮.doc

第六章　交互动画的灵魂按钮教学目标：1、掌握按钮制作的基本方法。2、掌握用按钮控制动画的播放。3、掌握透明按钮的制作一、制作按钮的步骤1、新建一个FLASH文件。2、插入－－新元件－－按钮。3、“弹起”是指按钮的基本样式。4、“经过”是指鼠标移到按钮上的按钮样式。5、“按下”是指鼠标按下后的按钮样式。6、“点击”是指按钮可点击的范围7、如果要制作透明按钮，仅在“点击”画出点范围即可。 二、制作以下实例1、基本按钮分析：1、弹起：二个图片元件　　　2、经过：与弹起时的一个图片元件相同，在此基础上用“按我”的图片元件创建一个影片元件。　　　3、按下：“谢谢”图片元件 2、练习：制作一个带有动画效果的按钮?三、按钮的点击作用1、一般按钮点击后均会产生一个动作，如：停止、播放、重放、跳转、超链2、按钮的几个常用动作： on动作命令 　　下面我们就详细地向大家介绍一下这八种事件的使用。 　　1、press?在鼠标指针经过按钮时按下鼠标按钮。单击press，然后选择动作语句，双击【全局函数】|【时间轴控制】中的play?命令。 　　完整的action是： on(press){?????//设定鼠标事件为按下，然后执行大括号里面的语句。 play();???????//按钮响应后执行play（播放）动作 } 　　如图所示。 press动作 当然，在大括号里面还可以用其他的语句，比如说，gotoAndPlay(yourframe);??//点击按钮后，就会从你设置的帧播放。 　　2、release?在鼠标指针经过按钮时释放鼠标按钮。单击选择release然后与第一个事件相同加入play命令。完成的语句如下： on(release){????//当鼠标按下释放的时候，执行下面的语句动作。 play();????????//按钮响应后执行play（播放）动作。 } 　　如图所示。 release动作 可以看到，当鼠标左键按下按钮的时候，并没有激发播放动作，而是当鼠标左键放开的时候，执行了播放动作。这也是与“press”事件不同的地方。 　　3、releaseOutside?当鼠标指针在按钮之内时按下按钮后，将鼠标指针移到按钮之外，此时释放鼠标按钮。?添加语句的方法同上。完整的语句如下： on?(releaseOutside)?{?????//当鼠标在按钮外部释放的时候执行下面的语句。 play();??????????????????//按钮响应后执行播放动作。 } releaseOutside动作 通过这个例子我们知道，当鼠标左键在按钮上按住并移动到按钮以外的地方放开后，触发了按钮的动作。这是一个具有非常想象力的事件，大家可以利用on的这个事件来制作游戏。 　　4、rollOut?鼠标指针滑出按钮区域。制作方法同上，完整的as语句为： on(rollover){?????//当鼠标滑动到按钮上时执行下面的动作。 play();??????????//按钮执行播放动作。 } rollOver动作 　　当鼠标指针从按钮上滑过的时候，动画就开始执行播放动作了，而不需要点击它。我们可以利用on的这个特点来制作一些图示板，非常简单有效。 　　5、rollOver?鼠标指针滑过按钮。制作方法同上，完整的as语句为： on(rollOut){?????//当鼠标滑动到按钮上并离开时执行下面动作。 Play():??????????//按钮响应播放动作。 } rollOut动作 滑离与滑过并不是相同的，滑离是指鼠标滑动到按钮上并离开以后开始响应，而滑过是指只要鼠标滑到按钮上，就开始执行动作。　　6、dragOut?在鼠标指针滑过按钮时按下鼠标按钮，然后滑出此按钮区域。完整的as是： on(Drag?Out){?????//当鼠标拖过的时候执行下面的动作。 ??????????????????play();????????????//执行播放动作。 ????????} dragOver动作 拖过的效果是在按钮上点击并按住鼠标不放，移出按扭区，再移回按钮上释放的事件。注意：此例中是一个文字按钮，在做文字按钮的时候，应在文字的下方用一透明方块，以增加按钮的反应区域，或者在按钮的第4帧绘制一个矩形来增加反映区。　　7、dragOver?在鼠标指针滑过按钮时按下鼠标按钮，然后滑出此按钮，再滑回此按钮。完整的as是： ??????????on?(dragOut)?{?????????//当鼠标拖离按钮时执行下面的动作。 ??????????????????????play();???????????????????//执行播放动作 } dragOut动作 拖离与拖过有所不同，只要在按钮上按住鼠标左键然后移动到按钮外就会相应。