FLASH CS3中的FLA形式组件制作教程

时间：2010-10-20 来源：Morris

//大家根据各自情况来设置好路径,新建ActionScript文档,填入如下代码:
/************MyButton.as**************/

package{
import flash.display.*;
import flash.events.*;
import flash.system.ApplicationDomain;
import fl.core.UIComponent;
public class MyButton extends UIComponent {
private var nowSkin:MovieClip;
private var thisDomain:ApplicationDomain;
public function MyButton() {
   super();
   trace("MyButton");
}
override protected function draw():void {
   if (nowSkin==null) {
    thisDomain=loaderInfo.applicationDomain;
    var classDef
    try{
    classDef=thisDomain.getDefinition(getNormalSkinName());}
    catch(e:ReferenceError){
     trace("没有在库中找到相关的类!")
     return;
     }
    nowSkin=new classDef as MovieClip;
    nowSkin.addEventListener(MouseEvent.MOUSE_OVER,mouseOverHandler);
    addChild(nowSkin);
   }
   nowSkin.width=width;
   nowSkin.height=height;
}
protected function mouseOverHandler(e:MouseEvent):void{
   trace("over");
   removeChild(nowSkin);
   var classDef=thisDomain.getDefinition(getOverSkinName());
   nowSkin=new classDef as MovieClip;
   addChild(nowSkin);
   nowSkin.addEventListener(MouseEvent.MOUSE_OUT,mouseOutHandler);
   draw();
}
protected function mouseOutHandler(e:MouseEvent):void{
   trace("out");
   removeChild(nowSkin);
   var classDef=thisDomain.getDefinition(getNormalSkinName());
   nowSkin=new classDef as MovieClip;
   addChild(nowSkin);
   nowSkin.addEventListener(MouseEvent.MOUSE_OVER,mouseOverHandler);
   draw();
}
protected function getNormalSkinName():String {
   return "NormalSkin";
}
protected function getOverSkinName():String {
   return "OverSkin";
}
}
}

/********************************************************/

代码的作用对我们建立的按钮组件进行一些设置,我这里只简单设置了鼠标经过和离开.接着保存,名为"MyButto.as",位于我们上面建立的"FLA_ComponentX.fla"同目录下.

8、到这里其实还没有结束,我们还需要制作一个"ComponentShim"的组件,这个组件的作用是把外部的自定义组件代码编译成一个影片剪辑.那怎么建立这个"ComponentShim"组件呢,很简单,创建一空白的ActionScript3.0的flash文档,CTRL+F8建立一空白剪辑,设置名称为"MyButton",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"MyButton",CTRL+F8再建立一空白剪辑,设置名称为"ComponentShim source",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"ComponentShim",确定,进入编辑,把库中的"MyButton"元件拖放到场景中.然后点中库中的"ComponentShim source"右键弹出菜单选"Convert to Compiled Clip"选项,这时候库中就会生成一个"ComponentShim source"的组件,前面会有组件图标,我们把这个组件的名称改为"ComponentShim".
这样"ComponentShim"组件就制作完成.
9、切回"FLA_ComponentX.fla",继续在"MyButton"元件的第2真上新建一层,取名为"ComponentShim",然后将刚才库中的"ComponentShim"组件拖到这层的第2真上.
10、最后CTRL+S,保存,这样fla形态的组件就制作完毕,关闭整个Flash软件.
11、把"FLA_ComponentX.fla"文件复制到以下路径:"D:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\Components\"//这里大家也根据各自情况设置.
12、我们再次打开flash软件,新建3.0空白文档,选出组件选择面板,会发现多了一个FLA_ComponentX组件包,点下会下划出"MyButton"的组件,现在我们可把组件拖到场景上观看效果.

/*********************************************************/
总算大功告成,发现做组件还真是麻烦.打字打得手麻了,不知道说明白了没有,关于这部分有不清楚的可以跟帖咨询.最后的"FLA_ComponentX.fla"文件提供下载,大家放置到上面说的路径下看效果吧~
相关的图片: