Flash CS3制作Fla形式的組件

2020-07-17 13:20:04

字體：大中小

來源：轉載

供稿：網友

　　本文為大家介紹如何制作Flash CS3中的[*.fla]形式的的組件(Component)。這種組件和SWC組件不同，它和CS3自帶的組件一樣能夠雙擊進入組件里面編輯，是Flash CS3新增加的一種組件形態。下面我們制作一個MyButton組件為例子。

　　制作步驟:
　　1、首先創建一空白的ActionScript3.0的flash文檔，然后保存文件命名為:"FLA_ComponentX".//名稱可以任意。
　　2、CTRL F8，新建一空白剪輯，取名為"Avatar"，進入編輯，第一真上我們畫一矩形框(Stroke style我們選擇"hairline"，最細的線條)，不用填充，一定要記得設置坐標為(0，0)，位置固定的.
　　3、CTRL F8，繼續新建個空白剪輯，取名為"NormalSkin"，點開高級設置，把"導出ActionScript"，"導出到第一真"兩項打勾，class中填入"NormalSkin"，最后把"啟動9-scale縮放的引導線"選項打勾，最后確定，進入編輯，畫一填充圓角矩形，設置顏色為灰色，擺放位置(0，0)，可以拖動9-scale縮放的引導線，如圖對齊，作用是讓圓角矩形進行所放的時候保持四個定位的角不變形，這個矩形用來做按鈕的普通模式的皮膚.
　　4、CTRL F8，繼續新建個空白剪輯，同上，取名為"OverSkin"，點開高級設置，把"導出ActionScript"，"導出到第一幀"兩項打勾，class中填入"OverSkin"，最后把"啟動9-scale縮放的引導線"選項打勾，最后確定，進入輯，畫一填充圓角矩形，設置顏色為紅色，擺放位置(0，0)，這個矩形用來做按鈕的鼠標經過模式的皮膚.
　　5、CTRL F8，新建個空白剪輯(這下我們建立的就是最終的按鈕組件，上面建立的都是這按鈕的組成部分)，取名為"MyButton"，點開高級設置，把"導出ActionScript"，"導出到第一真"兩項打勾，class中填入"MyButton"，然后確定，進入編輯，第一層取名為"avatar"，然后第一幀上我們從庫中把"Avatar"元件拖放到場景中，放置到(0，0)位置，這一真的內容在我們最后運行組件的時候是看不到的，作用主要是用來控制整個組件的寬高.然后我們新建立一層，取名"skins"，在第二幀上我們把庫中的"NormalSkin"和"OverSkin"組件拖進來，位置可以隨意擺放，這上面的元件是我們將來使用組件的時候，雙擊進入能夠進行設置的.
　　6、點中庫中的"MyButton"元件，右鍵菜單中選"Component Definition"(組件定義)選項，會進入一窗口，把類名填上"MyButton"，再把"diaplay in Components panel"選項打上鉤，"Tool tiptext"中填入組件名稱，我這里填"MyButton".這里還有設置組件的preview(預覽)效果還有圖標等，其他內容大家可根據需要自行設置。

Flash CS3制作Fla形式的組件_武林網VeVB.COm轉載

　　7、到這步，我們會發現還缺少一個外部的自定義組件的代碼，也就是上面"MyButton"元件連接的"MyButton"類.由于類中導入了組件類，所以我們要設置FLASH CS3的classPath(類路徑)，選編輯-->參數設置-->ActionScript-->ActionScript3.0，添加一新的類搜索路徑，我這里為"D:/Program Files/Adobe/Adobe Flash CS3/en/Configuration/Component Source/ActionScript 3.0/User Interface"
　　大家根據各自情況設置好路徑，新建ActionScript文檔，填入如下代碼:
　　/************MyButton.as**************/
package{
importflash.display.*;
importflash.events.*;
importflash.system.ApplicationDomain;
importfl.core.UIComponent;
publicclassMyButtonextendsUIComponent{
privatevarnowSkin:MovieClip;
privatevarthisDomain:ApplicationDomain;
publicfunctionMyButton(){
super();
trace("MyButton");
}
overrideprotectedfunctiondraw():void{
if(nowSkin==null){
thisDomain=loaderInfo.applicationDomain;
varclassDef
try{
classDef=thisDomain.getDefinition(getNormalSkinName());}
catch(e:ReferenceError){
trace("沒有在庫中找到相關的類!")
return;
}
nowSkin=newclassDefasMovieClip;
nowSkin.addEventListener(MouseEvent.MOUSE_OVER，mouseOverHandler);
addChild(nowSkin);
}
nowSkin.width=width;
nowSkin.height=height;
}
protectedfunctionmouseOverHandler(e:MouseEvent):void{
trace("over");
removeChild(nowSkin);
varclassDef=thisDomain.getDefinition(getOverSkinName());
nowSkin=newclassDefasMovieClip;
addChild(nowSkin);
nowSkin.addEventListener(MouseEvent.MOUSE_OUT，mouseOutHandler);
draw();
}
protectedfunctionmouseOutHandler(e:MouseEvent):void{
trace("out");
removeChild(nowSkin);
varclassDef=thisDomain.getDefinition(getNormalSkinName());
nowSkin=newclassDefasMovieClip;
addChild(nowSkin);
nowSkin.addEventListener(MouseEvent.MOUSE_OVER，mouseOverHandler);
draw();
}
protectedfunctiongetNormalSkinName():String{
return"NormalSkin";
}
protectedfunctiongetOverSkinName():String{
return"OverSkin";
}

}
}
　　代碼對我們建立的按鈕組件進行一些設置，我這里只簡單設置了鼠標經過和離開。接著保存，名為"MyButto.as"，位于我們上面建立的"FLA_ComponentX.fla"同目錄下。

上一篇：通過實例學習Flash AS3.0――案例四

下一篇：通過實例學習Flash AS3.0――案例五