Flash制作动画中应用到的按钮的八个动作的区别

按钮|区别

  按钮中的八个动作有什么区别?

  解决思路

  在【影片剪辑控制】集合中还有一个与我们制做flash密切相关的on命令。这个命令是专门为按钮设计的,它提供了八种按钮的事件。分别是按下,滑过,释放,滑离,外部释放,拖过,拖离和按键。最后一种是定义键盘的事件。这八种时间在我们平时的制作中经常可以用到,每一种时间都有不同的效果,下面我们就结合事例给大家分析一下。

  具体步骤

  首先我们制作一个简单的移动渐变动画。为了直观地说明按钮的功能,我们在第1帧加入as:stop():。如图所示。

  制作一个简单的动画

  然后我们新建一层制作一个按钮,或者单击【窗口】|【其他面板】|【公用库】|【按钮】命令,打开公用库按钮面板,从里面选择一个按钮拖放到图层2的第1帧。如图所示。

拖放按钮到舞台中

  最后,也是非常重要的一点就是必须要在选中按钮的状态下,打开as面板。双击【全局变量】|【影片剪辑控制】中的on命令,此命令就会自动添加到右侧的输入栏里面。如图3.2.54所示。

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动作

  拖离与拖过有所不同,只要在按钮上按住鼠标左键然后移动到按钮外就会相应。他于滑离的区别在于拖离需要按住鼠标左键。

  8、keyPress ("key") 按下指定的键。对于此参数的 key 部分,需指定键控代码或键常量。

  我们在(“key”)中键入“k”。完整地as语句为:

on (keyPress "z") {        //当按下键盘中的“z”健时执行下面的动作。
                 play();                     //执行播放动作
}

  如图所示。

keyPress动作

  注  意 ——在给动画作品添加按钮的时候应该放到单独一层,这样便于修改。

  提  示 ——on为按钮上的动作,所以我们必须首先要选中按钮,以后才可以添加on语句。有的朋友在论坛里面提问,“为什么我的on为灰色不可选状态?”原因就是你没有选中按钮。

  技  巧 ——在一般flash作品中,大家不会有意区分这些on的功能的,一般采用默认的语句。如果没有特殊说明,你使用了拖离,滑离等事件来制作“replay”按钮,会让人们摸不着头脑的。

  试一试 ——我们了解了on得这么多的功能,利用这些功能可以轻易的制作出flash课件,flash游戏里面的效果,大家不妨试一试。

  分  析——on语句的功能与按钮息息相关,有按钮的地方一定会有on语句的使用。而有flash作品的地方,就会有按钮的出现,所以说on的重要作用不可忽视。今天向大家详细地介绍了on的各种功能,我们就可以结合按钮自身的特点,发挥他们的功能。

  特别提示

  按钮时一部完整的flash作品中不可缺少的部分,所以,同样需要我们来精心制作。

  特别说明

  这一节看起来内容比较多,但是知识比较容易掌握。例如on的八个事件中,一般经常使用释放,滑过的事情,而其它事件使用频率比较少。但如果我们制作课件或者游戏等作品还是会使用到的。
文字按钮的问题,我们在前一部分中已经讲过了。一定要注意文字按钮地反应区。

  相关问题

  ◎如何制作永远也碰不到的按钮?

  我们通过on语句中的滑过事件,配合goto语句来完成这个效果。我们制作一个按钮,拖放到主场景中。复制四帧,并改变第2帧,第3针,第4帧,第5帧中按钮的位置。回到第1帧,在帧上加入stop,让动画在第1帧停止。

在第1帧的按钮中添加as:on (rollOver) {     //当鼠标经过时执行下面的动作。
                        gotoAndStop(2);    //转到并停止在第2帧。
}
   在第2帧的按钮中添加as:on (rollOver) {
                            gotoAndStop(3);
}
   在第3帧的按钮中添加as: on (rollOver) {
                           gotoAndStop(4);
}
第4帧的按钮中添加as:  on (rollOver) {
                                gotoAndStop(5);
}
第5帧的按钮中添加as:on (rollOver) {
                               gotoAndStop(1);
}

  这样我们在这五帧中形成了一个循环,依次跳转,所以你永远也点击不到这个按钮。

时间: 2024-08-04 14:23:37

Flash制作动画中应用到的按钮的八个动作的区别的相关文章

FLASH制作动画火柴棍人光剑短打

  双人光剑的短打,改进了不少制作方法,在光剑的处理上加入了滤镜,效果颇好我在这就谈谈我的制作经验光剑练习效果. 一.准备工作 模板文件(Template.fla),以及FLASH8或更新版本(因为要用到滤镜). 二.整体设置 先简单说下我的源文件整体设置: 主场景大小:400*250 背景:一个比主场景稍大的矩形,这样做是因为它比直接用背景的颜色更方便修改. 帧频:25帧/秒 文件:2个FLA文件(注:强烈推荐在开始做之前,将源文件另存为另一个文件,这样可方便测试,测试部分最后再详谈.制作时,

Flash制作动画之掌握基本按钮知识

按钮 问题1:如何制作按钮?为什么我制作的文字按钮,很不容易点击到? 解决思路 在按钮编辑区的时间轴上只有四个帧,第4帧的"点击"是按钮的反应区,这个区域在舞台中是看不到的,但是他却起到了按钮反应的作用.我们扩大按钮的反应区,既可以轻易的用鼠标点击到这个按钮了. 具体步骤 1.运行Flash MX 2004,文档属性默认. 2.新建一个元件,命名为"按钮",类型设定为按钮元件. 3,进入按钮编辑区,时间轴上面一共有四个帧.这四个帧的作用已经在第一章中向大家介绍过了.

技巧:用Flash制作动画的经典问题问答

技巧|问题 1.一个很长的MC放在场景中要占据几帧? 回答:一个很长的MC放入场景中只占据一帧的位置,如果将它拖了好多帧,执行时每隔一帧MC都会重放. 2.在制作Flash"沿轨迹运动效果时,对象总是沿直线运动,和教程对照一下,做法完全一样,为什么不行? 回答:原因很简单,只因为首尾两帧的中心位置没有对准在轨迹上,而导致对象不能沿轨迹运动. 解决办法:用鼠标按住对象,检查出现的圆圈是否对准了运动轨迹. 3.问题:如何快速地对齐不同frame中的物件. 回答:用 Inspector检查器(CTRL

Flash制作动画的一些基础知识总结

一.文字快速分配到各层 1.输入几个文字,ctrl+b打散一次.这时看到的文字是分离开的,而且也是选中的状态. 2.在这些文字(不要取消选中状态)上右击选择"分配到层".操作过"时间轴"中就会多出几个层,每个层都是以打散后的文字命名的. 二.导入swish制作的文字特效 1.在swish中制作你需要的文字特效,ctrl+e导出为.swf格式的文件. 2.在FLASH中ctrl+f8新建一个MC. 3.打开这个新建的MC,并导入刚才你制作的swf文件. 4.回到主场景

Flash制作动画图文教程

  儿童时代都比较喜欢动画片,那个时候就在想长大以后自己也要做动画.现在略懂,给大家介绍.以下面的雄鹰为例. 工具/原料 Flash 方法/步骤 首先设置动画属性.输入一个动画文档,设置文档属性,包括标题.描述.尺寸和背景颜色等内容,再点击确定即可. 其次创建动画背景.分为三步,①导入图片;②调整图像大小及位置;③在第110帧处添加普通帧. 然后创建雄鹰元件.先执行[插入]--[新建元件]命令,输入[名称]为"雄鹰",选择[类型]为[图形],单击[确定]. 选择第1帧,执行[文件]--

Flash制作过程中的绘画技巧:总结[Flash视频教程]

过程|技巧|教程|视频教程 Flash视频教程全集 Flash实例视频教程 全屏观看或直接下载.Swf文件

flash卡通动画中的两种跑步效果

立即下载-跑步效果五六节教程 总大小约:34M总时间约:48分钟难度:☆☆☆☆ 使用软件及工具:FLcooledit 试验过许多的屏幕录像软件和视频文件格式,从mov到rmvb再到smv再加到avi真是各有千秋! 或者是因为这个软件的稳定性博得了我的肯定,avi的格式超级方便,就是胖了点,嘿嘿! 以前发过一个机器猫走路的教程,引起强烈反响,哈哈,这次再发个跑步的教程吧 如果大家喜欢AVI不怕占硬盘空间的话,我以后干脆就用它算了,当然我保留使用RMVB格式的权利. 做惯了教程,哪天不做就不舒服,好

能不能在flash动画中给asp传递变量?_应用技巧

复制代码 代码如下: 能不能在flash动画中给asp传递变量?   faq-it.org/vb/---------------------------------------------------------------   数据库结构:   第一步要做的是建立数据库.例子中使用Access数据库,表名为tblStaff   有三个字段:strID  (自动编号),  strKnownAs(Text),strSurname  (Text).   这是一个用来示范用户名的数据库,随便加些数据把

Flash 行走动画的几种实现方式

关于角色的行走,是动画中常见的场景了,也是flash制作动画应该掌握的一项基本内容, Flash动画中实现人物角色或者其它角色走动的方式大概是有三种:补间动画.Actionscript和逐帧动画. 补间动画人物行走 就是首先建立一个人物角色,比如火柴棍小人,然后我们利用逐帧动画原理制作一个人物原地走的影片剪辑,然后放到舞台上,再另外地方插入关键帧,之后两个关键帧之间做补间动画. 补间人物行走动画Fla源文件: 点击这里下载源文件查看效果 ActionScript控制人物行走 建立人物角色原地走的