在【影片剪辑控制】集合中还有一个与我们制做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);
}

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

Flash动画中按钮的八个动作相关推荐

  1. Flash动画学习指引六:操作动作补间

    转自:http://bbs.9ria.com/thread-75053-1-1.html 要求  需求知识  Flash 工作空间基本知识. 用户级别  开始级 需求   •        Flash ...

  2. 小学学计算机学flash动画,flash动画教学计划

    flash动画教学计划 flash动画设计是现在计算机教学的一个重点,也是一个难点,通过flash动画教学的安排,能让学生掌握一项技术,下面是小编为大家分享的一篇flash动画教学计划,我们一起来看看 ...

  3. Flash 动画制作

    Flash 动画制作 一.单项选择题(每个2分.共40分) 1.给按钮元件的不同状态附加声音,要在单击时发出声音,则应该在哪个帧下创建一个关键帧?( C ) A.弹起B.指针经过 C.按下D.点击 2 ...

  4. VC播放FLASH动画

    利用flash可以作出很漂亮的动画,想不想让自己的程序也有这样漂亮的界面呢? ^_^,其实,要做到这点也不难.在这里将介绍怎样把falsh制作的界面嵌入到自己的程序中,并让flash动画和自己的程序进 ...

  5. swf 格式Flash 动画播放器在Android上的实现

    首先明确一点,swf格式和其他的一些视频格式有很大的区别. 它里面不仅有音频还有其他的各种元素(术语叫块类型)包括但不仅限于: 矢量图.图片.文字.字体.片段动画.按钮.帧.动作.音频等等 你需要将这 ...

  6. 动画中的“表现手法”和“表现方式”分别是什么?今天艺点动画大家庭来给你唠嗑唠嗑

    在flash动画中,尤其是在短片制作中,或多或少要表现出一些更复杂的动作.但是,flash本身的道法局限性,让我们觉得在制作动画时手脚受到束缚,或者在动画上花费了太多的时间和精力.在这里,艺点动画总结 ...

  7. 让FLASH动画轻松转换成GIF动画

    如果你手中正有一些精彩的Flash急于和朋友们在论坛中分享,怎么办呢?不妨试试这款能够将SWF文件转换成GIF文件的Magic Swf2Gif吧!该工具不但可以快速高效地将SWF格式的Flash动画转 ...

  8. swfdec android,swf 格式Flash 动画播放器在Android上的实现

    首先明确一点,swf格式和其他的一些视频格式有很大的区别. 它里面不仅有音频还有其他的各种元素(术语叫块类型)包括但不仅限于: 矢量图.图片.文字.字体.片段动画.按钮.帧.动作.音频等等 你需要将这 ...

  9. php能做动画吗,使用 PHP 快速生成 Flash 动画

    作为直接构建文件的替代性方法,也可以使用下面的代码,使 SWF 动画像页面那样输出,而无需使用 save 方法: 以下为引用的内容: header( 'Content-type: applicatio ...

最新文章

  1. Cannot input a tensor of dimension other than 0 as a scalar argument
  2. java架构师进阶之独孤九剑:数据结构以及书籍推荐
  3. OpenCV(C++版)图像读取,创建,复制,保存,显示
  4. 图片加载框架之Fresco
  5. getmenuiteminfo无法读取内存_简单科普系列—内存为什么需要组双通道原理及其作用...
  6. canvas实现背景图和二维码合并-生成海报
  7. 4G标准LTE成争执焦点 中兴华为或以和解收场
  8. AUTOCAD——圆命令
  9. Android Studio 高版本无法执行Java main方法的问题
  10. java使用Aspose.pdf实现pdf转图片
  11. 国庆旅游——独山、箬寮原始森林
  12. 2.zookeeper客户端使用与集群特性
  13. 无机光致变色化合物-过渡金属氧化物WO3/MoO3/TiO2
  14. beta值是一种风险指数
  15. VS2013如何生成exe文件以及如何更改exe程序图标
  16. IT行业最热门的5大岗位,薪酬都有多高?
  17. 用计算机术语赞美老师,【用一句话赞美各个学科】_赞美各学科老师的对联
  18. MQTT与物联网平台(一):基础知识和设备接入物联网平台的实现(以华为云为例)
  19. Android微信界面
  20. modelsim独立仿真vivado工程

热门文章

  1. 开源Blog系统-欧式风格家具网站源码v1.5.4
  2. excel vlookup用法_Python中也可以写Excel中的“Vlookup”函数?太牛逼了吧!
  3. 某系统有6台输出设备 有多个进程均需要使用2台_双11的秒杀系统,是如何设计的?...
  4. PHP内核微信拼团购物商城小程序源码
  5. get online 免费注册一级.online后缀的域名
  6. 原生安卓苹果APP-java抢单派单系统平台源码
  7. 2021最新4合1即时通讯IM源码-服务端+PC+WEB+安卓+IOS完整原生源码
  8. ActivePython 百科指南
  9. Linux Shell高级技巧(五)
  10. Shell: /dev/null 21详解