教程：FLASH按钮的八个动作

《教程：FLASH按钮的八个动作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、按钮中的八个动作有什么区别？解决思路在【影片剪辑控制】集合中还有一个与我们制做flash密切相关的on命令。这个命令是专门为按钮设计的，它提供了八种按钮的事件。分别是按下，滑过，释放，滑离，外部释放，拖过，拖离和按键。最后一种是定义键盘的事件。这八种时间在我们平时的制作中经常可以用到，每一种时间都有不同的效果，下面我们就结合事例给大家分析一下。具体步骤首先我们制作一个简单的移动渐变动画。为了直观地说明按钮的功能，我们在第1帧加入as：stop():。如图3.2.52所示。图3.2.52   制作一个简单的动画然后我们新建一层制作一个按钮，

2、或者单击【窗口】

3、【其他面板】

4、【公用库】

5、【按钮】命令，打开公用库按钮面板，从里面选择一个按钮拖放到图层2的第1帧。如图3.2.53所示。图3.2.53 拖放按钮到舞台中最后，也是非常重要的一点就是必须要在选中按钮的状态下，打开as面板。双击【全局变量】

6、【影片剪辑控制】中的on命令，此命令就会自动添加到右侧的输入栏里面。如图3.2.54所示。图3.2.54   on动作命令下面我们就详细地向大家介绍一下这八种事件的使用。1、press 在鼠标指针经过按钮时按下鼠标按钮。单击press，然后选择动作语句，双击【全局函数】

7、【时间轴控制】

8、中的play 命令。完整的action是：on(press){     //设定鼠标事件为按下，然后执行大括号里面的语句。play();       //按钮响应后执行play（播放）动作}如图3.2.55所示。图3.2.55     press动作当然，在大括号里面还可以用其他的语句，比如说，gotoAndPlay(yourframe);  //点击按钮后，就会从你设置的帧播放。我们参考源文件on—1，体会一下它的效果。1、  release 在鼠标指针经过按钮时释放鼠标按钮。单击选择release然后与第一个事件相同加入play命令。

9、完成的语句如下：on(release){    //当鼠标按下释放的时候，执行下面的语句动作。play();        //按钮响应后执行play（播放）动作。}如图3.2.56所示。图3.2.56     release动作我们参考一下源文件on—2，可以看到，当鼠标左键按下按钮的时候，并没有激发播放动作，而是当鼠标左键放开的时候，执行了播放动作。这也是与“press”事件不同的地方。3、releaseOutside 当鼠标指针在按钮之内时按下按钮后，将鼠标指针移到按钮之外，此时释放鼠标按钮。 添加语句的方法同上。完整的语句如下：o

10、n (releaseOutside) {     //当鼠标在按钮外部释放的时候执行下面的语句。play();                  //按钮响应后执行播放动作。}如图3.2.57所示。图3.2.57    releaseOutside动作通过这个例子我们知道，当鼠标左键在按钮上按住并移动到按钮以外的地方放开后，触发了按钮的动作。这是一个具有非常想象力的事件，大家可以利用on的这个事件来制作游戏。参看源文件on—3。4、rollOut 鼠标指针滑出按钮区域。制作方法同上，完整的as语句为：on(rollover){     /

11、/当鼠标滑动到按钮上时执行下面的动作。play();          //按钮执行播放动作。}如图3.2.58所示。图3.2.58     rollOver动作当鼠标指针从按钮上滑过的时候，动画就开始执行播放动作了，而不需要点击它。我们可以利用on的这个特点来制作一些图示板，非常简单有效。参看源文件on—4。5、rollOver 鼠标指针滑过按钮。制作方法同上，完整的as语句为：on(rollOut){     //当鼠标滑动到按钮上并离开时执行下面动作。Play():          //按钮响应播放动作。}如图3.2.59所示。图

12、3.2.59    rollOut动作滑离与滑过并不是相同的，滑离是指鼠标滑动到按钮上并离开以后开始响应，而滑过是指只要鼠标滑到按钮上，就开始执行动作。参看源文件on—5。6、dragOut 在鼠标指针滑过按钮时按下鼠标按钮，然后滑出此按钮区域。完整的as是：on(Drag Out){     //当鼠标拖过的时候执行下面的动作。                  play();            //执行播放动作。                   }如图3.2.60所示。图3.2.60      dragOver动作拖过的效果是

13、在按钮上点击并按住鼠标不放，移出按扭区，再移回按钮上释放的事件。注意：此例中是一个文字按钮，在做文字按钮的时候，应在文字的下方用一透明方块，以增加按钮的反应区域，或者在按钮的第4帧绘制一个矩形