关于Flash CS5 自己编写组件的教程

关于Flash CS5 自己编写组件的教程

flash cs5 在自己制作图形组件时非常简单。比FLEX更方便。

以下为简易教程，有错误请及时纠正：

以一个按钮“MYBTN”为例





最后加载到组件框中方便调用，当然也可以用构造函数来构造。

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

首先是要制作素材。

制作一个共3帧的“影片剪辑”：



这里有一部分关键代码代码：

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

import flash.events.MouseEvent;

import flash.text.TextField;

import flash.events.Event;

stop();

function label(la:String)

{

labelTXT.text = la;

}

this.addEventListener(MouseEvent.MOUSE_OUT,myevt);

this.addEventListener(MouseEvent.MOUSE_OVER,myevt);

this.addEventListener(MouseEvent.MOUSE_DOWN,myevt);

this.addEventListener(MouseEvent.MOUSE_UP,myevt);

function myevt(evt:MouseEvent)

{

if (evt.type == MouseEvent.MOUSE_OVER)

{

this.gotoAndStop(2);

}

else if (evt.type == MouseEvent.MOUSE_OUT)

{

this.gotoAndStop(1);

}

else if (evt.type == MouseEvent.MOUSE_DOWN)

{

this.gotoAndStop(3);

}

else if (evt.type == MouseEvent.MOUSE_UP)

{

this.gotoAndStop(2);

}

}

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

这样我们的代码就写完了。再来到库当中，为当前原件加入“连接”



这个将会成为构造函数。

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

最后在库中“导出SWC文件”，并保存到CS5的安装目录下的相关路径下：

C:/Program Files/Adobe/Adobe Flash CS5/Common/Configuration/Components/

最好创建一个文件夹。



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

关于使用有二种方法：

一、组件框中使用



组件框中有“重新加载组件”，刷新后就可以看到自己定义的组件了。后面就不用我多说了吧。

二、构造组件

import flash.events.MouseEvent;

var kk:MyBtn = new MyBtn();

kk.x = 100;

kk.y = 100;

kk.label("test");

addChild(kk);

kk.addEventListener(MouseEvent.CLICK,myevt);

function myevt(evt:MouseEvent)

{

trace(ok)

}

——————————————————————————————————————————————————

打完手工。抛砖引玉，希望大家能够从中得到启发。

xinje于保定家中

2011年1月3日