关于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日