您的位置:首页 > 图文教程 > Flash教你制作交互式二合一按钮 返回首页

Flash教你制作交互式二合一按钮

时间:2011-12-24 15:29:23  作者:彭老师

Pro/E5.0产品设计视频教程_软件自学网  AutoCAD2011机械视频教程_软件自学网

现实生活中我们注意到一些软件的按钮可以是两种状态,如:Windows Media Player的播放和暂停按钮就是二合一的,在播放时按钮显示为暂停,在暂停时显示为播放,这类按钮我们称之为“二合一按钮”,那么在Flash中如何制作出二合一按钮呢?如何进行交互呢?下面笔者为大家细细道来。

  一、思路简析
 
  把两个按钮放置在一个影片的两个帧,通过语句实现按钮的相互切换,按钮的交互性功能也是通过在按钮上加语句来实现的。

  二、实例精通

  下面我们来制作一个“二合一”按钮来控制一个影片对象的播放与暂停。

  1. 打开Flash,分别按Ctrl+F8创建两个按钮;新建一个名为“按钮集”的影片,按F6键插入关键帧;按Ctrl+L打开Library库,然后将刚才制作的按钮分别放置在第1帧和第2帧的舞台中,单击下方的PRoperties(属性)按钮,在按钮的坐标中输入位置值,让两个按钮在舞台中的位置完全相同,这样在切换时不会出现偏移。

  2. 将两个按钮的Instance Name(实例名)分别设置为“播放”和“暂停”;然后为按钮所在的两个帧都加上如下语句:

  stop();

  播放.onRelease=function(){

   _root.影片.play();

   gotoAndstop(2);

  }

  暂停.onRelease=function(){

   _root.影片.stop();

   gotoAndstop(1);

  }//影片是后面主场景的舞台中所放置影片的实例名。

  3.单击“Scene 1”回到主场景中,在场景中放置一个影片(MovieClip),然后将其Instance Name设置为“影片”;将“按钮集”影片也拖放到舞台上,此时按Ctrl+Enter键观看效果;当影片播放时,按下“暂停”按钮,影片播放,按钮自动切换到“播放”状态。稍稍修改本程序,还可以制作“三合一”按钮、“四合一”按钮等。

 

  
上一个教程:有声有色的Flash互动动画世界
下一个教程:Flash MX课件中的拖动