FLASH CS3 BUTTON组件应用开发(一)

AS3游戏开发之画线游戏

FLASH CS3 BUTTON组件应用开发(二)

大 | 中 | 小

[2007/06/26 19:36 | 分类: Flash技术 | by gdgzboy ]

    吃完了饭,上网发现ADOBE网站又更新了FLASH CS3 BUTTON的组件应用教程.原地址在:这里(点击打开).那我再写篇文章干嘛?艾,告诉你,我突然发现，要是把东西写下来了，不但我复习了一遍,我还记得更牢,更要命的是,还方便查找.因为我的电脑里代码太多了,查起来太麻烦了.(嘿嘿，反正是自己的BLOG)
    注: 你要是学习FLASH看的懂英文，看不懂中文的话，最好还是看原贴.
    我的写作步骤跟原贴基本差不多,先上代码,然后是swf,接着是讲解.当然我会讲的更通俗点,简单点.不要再把很通常的东西再去解释一遍,比如为什么要addChild.

-----------------------------------------------------------------
-----------------------------------------------------------------
用组件和代码建立一个按钮实例
代码:

import fl.controls.Button;

var myButton:Button = new Button();
addChild(myButton);

Flash Player文件

点击打开/折叠播放器

这就是最简单的用代码来建立一个在舞台上的按钮实例.
Import导入组件类,以后要用到组件的地方,并且需要组件本身的命令和程序都要导入,var定义一个组件实例名.addChild把实例加进来,并且在舞台上显示.
这里要注意的是:你必须要在Windows-Components里把一个BUTTON组件拖动到舞台上来，然后选择舞台上的按钮,接着按"DEL"删除,这样的做法,就是只是想让BUTTON在文件的库里.而不是在舞台上.明白?在下面的例子里。我们都要这么做.
------------------------------------------------------------------------

------------------------------------------------------------------------

按钮上加标签和图标,LOGO.并定义按钮的大小和位置

import fl.controls.Button;

var myButton:Button = new Button();
myButton.label = "对吗?";
myButton.setSize(120, 40);
myButton.move(10, 10);
myButton.setStyle("icon", BulletCheck);
addChild(myButton);

Flash Player文件

点击打开/折叠播放器

讲解:
label 是按钮的标签属性
setSize(width,height) 是表示按钮的大小
move 把按钮移动到那个位置,你也可以在addChild后面写myButton.x=10;myButton.y=10;
setStyle("icon",在库里图标的Linkage的CLASS名字) 设置图标.
--------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------

按钮监听点击事件,并且改变标签

import fl.controls.Button;
//addEventListener就是监听命令
var myButton:Button = new Button();
myButton.label = "打我啊";
myButton.move(10, 10);
myButton.addEventListener(MouseEvent.CLICK, clickHandler);
addChild(myButton);
//监听点击事件发生后,改变按钮标签
function clickHandler(event:MouseEvent):void {
myButton.label = "想不到你真打!";
}

Flash Player文件

点击打开/折叠播放器

讲解:代码里都说了，也很简单的.
------------------------------------------------------------------------------------
------------------------------------------------------------------------------------
改变移动到按钮上的鼠标形状为手型,以及如何激活按钮

import fl.controls.Button;

var enabledButton:Button = new Button();
enabledButton.move(0, 10);
enabledButton.label = "激活的";
enabledButton.useHandCursor = true;
enabledButton.addEventListener(MouseEvent.CLICK, clickHandler);
addChild(enabledButton);

var disabledButton:Button = new Button();
disabledButton.enabled = false;
disabledButton.label = "非激活的";
disabledButton.move(110, 10);
disabledButton.addEventListener(MouseEvent.CLICK, clickHandler);
addChild(disabledButton);

function clickHandler(event:MouseEvent):void {
event.currentTarget.label = "激活的按钮被点";
}

Flash Player文件

点击打开/折叠播放器

讲解: 对于如何激活一个组件,只需加enabled属性为: false,还是true.而要让鼠标变手型,就需要按钮的useHandCursor 属性为: true;你可以看到我在激活的按钮上是开启了手型,而另一个没激活的没有开启，你可以对比下。一目了然.