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日
以下为简易教程,有错误请及时纠正:
以一个按钮"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日