加入收藏 | 网站地图 | 网站搜索 |
阅读内容
背景:#EDF0F5 #FAFBE6 #FFF2E2 #FDE6E0 #F3FFE1 #DAFAF3 #EAEAEF 默认  

为Flash按钮加简单动作脚本

[日期:2008-03-04] 来源:  作者:xqiy [字体: ]

在Flash当中,按钮是最常用的交互方式,如何为按钮添加动作脚本呢?下面就从一个做单击按钮打开相关网页的例子来学习一下。

      0、我们先来介绍一下几个较为常用的操作
     按下ctrl+“l” —— 打开“库”窗口
     按下F9 —— 打开“动作”窗口
     按ctrl+Enter——测试影片
     如果出现了窗口却没有显示相关内容,可以点击下图红圈中的按钮,将窗口展开。

     

 

        1、假设已做好了一个按钮元件,把它从库窗口中拖到场景内,如下图。

 

 

        2、下面我们就要让这个按钮点击后响应相关的动作,比如打开Cfan的首页。
        选中按钮,打开“动作”窗口。在里面输入

          on (release) {
                             getURL("http://www.cfan.com.cn", "_blank");
                               }
        如下图

 

 

       测试一下影片。单击按钮会在新窗口内打开电脑爱好者首页。
       注意:在这里是把代码加在按钮上的。所以要先选中按钮后,再加动作代码。
       在加代码前,可以先看一下C位置。它说明了所输入代码的对象。

       3、现在来分析下代码的内容。

       on (release) {
         getURL("http://www.cfan.com.cn", "_blank");
      }

     有两个关键,一个是on(release),一个是getURL,getURL表示打开网页——http://www.cfan.com.cn。

       on(release){ } 表示在点击鼠标松开时执行{ }内的代码。就是所谓的“鼠标释放事件”。因为代码是加在按钮元件上的,所以就可以看成,点击这个按钮执行{ }内的命——也就是打开Cfan首页。

       on( )内除了可以用release外,还可以用press, rollOver, rollOut等。分别表示在按钮上“按下鼠标左键”,“鼠标指向按钮”,“鼠标离开按钮”事件。当然事件还有很多,可以查阅帮助。这是几个常用的事件。

        以上是给按钮加动作的常用方法。但是从编程者的角度讲,它并不是十分值得推荐的。因为代码是加在按钮元件上的,并不有利于他人阅读。现在很多人推荐把所有代码写在时间轴上。

       要想把代码加在时间轴上,就必须给我们的按钮元件起一个名字。选中按钮,我们在“属性”框内(图中A的位置)输入按钮的名字——bt_url(名字是任意起的,但是要遵守命名规则和阅读习惯)。好了现在我们的按钮就有一个实例名bt_url 。

      我们在时间轴的关键帧(图B处)上单击。打开动作窗口。输入:
 
           bt_url.onPress = function() {
                                    getURL("http://www.cfan.com.cn", "_blank");
           };
这段代码使用了按钮的事件onPress.(按下鼠标),当然也是可以用onRelease(松开鼠标)的。表示当bt_url(我们的按钮)被单击时,执行function(){ .... }里的内容。

当然我们也可以查询帮助,获得更多的按钮鼠标事件。
Button.onDragOut ;Button.onDragOver ;Button.onKeyDown
Button.onKeyUp ;Button.onKillFocus ;Button.onPress
Button.onRelease ;Button.onReleaseOutside ;Button.onRollOut
Button.onRollOver ;Button.onSetFocus
有这么多,至于它们表示的其体意义,查一下Flash自带的帮助,里会有清楚的解释。

阅读:
录入:xqiy

推荐 】 【 打印
相关内容
     
本文评论
      全部评论
发表评论
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款


点评: 字数
姓名:
内容查询