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

当前位置：主页>AS 应用>文章内容

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

来源： uyang's blog 作者： uyang 2008-03-26 【大中小】

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

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

import fl.controls.Button;

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

这就是最简单的用代码来建立一个在舞台上的按钮实例.
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);

讲解:
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 = "想不到你真打!";
}

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

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 = "激活的按钮被点";
}

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

上一篇：Airmp3播放器提供原码下一篇：FLASH CS3 BUTTON组件应用开发(二)

·鼠标控制的flash跑马灯效果(as2.0)	·抽奖机(as2.0)
·flash8：一帧做出雪景画面 (as2.0)	·随机抽取号码(13，15号段任意号码
·随机抽取号码(13，15号段任意号码	·简单的火焰效果及图示原理(as3.0)
·BitmapData抠图小实验(as3.0)	·Flash打造随意飘飞的彩色肥皂泡(as
·简单的物体二段跳效果(as3.0)	·简单倒计时类的应用(as2.0)

您的评论