快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

基础教程:给按钮加动作的方式

  见到有朋友询问:如何做到单击按钮打开相关网页。其实,不管是打开相关网页还跳转页面,都需要用到给按钮加动作代码这样最基础的内容。

  现在我把具体过程描述一下,供新手朋友们阅读。

0、我们先来重复一下几个重要操作
按ctrl+l ―― 打开 库窗口
按F9 ―― 打开 动作窗口
按ctrl+Enter――测试影片
假如出现了窗口却没有显示相关内容,可以按下图圈中的按钮。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

2、下面我们就要让这个按钮点击后响应相关的动作。比如打开闪吧的首页。

选中按钮,打开动作窗口。在里面输入

on (release) {
getURL("http://www.flash8.net", "_blank");
}

如下图

按此在新窗口浏览图片


测试影片看一下。按下按钮会在新窗口内打开闪吧首页。

注重:在这里我们是把代码加在按钮上的。所以我们要先选中按钮后,再加动作代码。
你在加代码前,可以先看一下C位置。它说明了你所输入代码的对象。

3、我们来分析下代码的内容。

on (release) {
getURL("http://www.flash8.net", "_blank");
}

有两个要害,一个是on(release),一个是getURL,getURL表示打开网页http://www.flash8.net。
on(release){ } 表示点击鼠标松开时执行{ }内的代码。就是所谓的“鼠标释放事件”。因为代码是加在按钮元件上的,所以就可以看成,点击这个按钮执行{ }内的命令――也就是打开闪吧首页。

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

以上是给按钮加动作的常用方式。但是从编程者的角度讲,它并不是十分值得推荐的。因为代码是加在按钮元件上的,并不是十分有利于他人阅读。现在很多人推荐把所有代码写在时间轴上。虽然我也不是很习惯,但是作为入门的朋友还是养成这样的习惯好一些。

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

我们在时间轴的要害帧(图B处)上单击。打开动作窗口。输入:

bt_url.onPress = function() {
getURL("http://www.flash8.net", "_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教程
上一教程: Flash AS创作:实时时钟
下一教程: 显示隐藏鼠标的Flash Action

您可以阅读与"基础教程:给按钮加动作的方式"相关的教程:
· ActionScript之基础教程:可拖动的小球
· Flash ActionScript 2.0 基础教程
· Flash动画基础教程①入门篇
· 初学者的FLASH基础教程
· Flash基础绘画教程:雁儿飞
    微笑服务 优质保证 索取样品