Flash AS3制作個(gè)性的旋轉(zhuǎn)圓形網(wǎng)頁(yè)導(dǎo)航。
1、用矩形工具繪制一個(gè)黑色的矩形,轉(zhuǎn)換為MC影片剪輯,打開(kāi)屬性窗口
2、雙擊這個(gè)影片剪輯編輯它,使用文本工具,設(shè)置為動(dòng)態(tài)文本,繪制一個(gè)區(qū)域,設(shè)置顏色是白色,命名實(shí)例名為abelBtn。
3、回到場(chǎng)景1,刪除掉剛剛建立的影片剪輯。
4、我們選擇第一幀,然后打開(kāi)動(dòng)作面板,輸入下面代碼,主要是為了導(dǎo)入Tweenlite engine。
import com.greensock.*;
import com.greensock.easing.*;
5、然后創(chuàng)建一個(gè)數(shù)字,動(dòng)態(tài)調(diào)用每個(gè)菜單的項(xiàng)目文字。
var menu_items:Array = ["HOME","ABOUT ME","PORTFOLIO","BLOG","CONTACT"];
var menu:Sprite = new Sprite();
menu.x= stage.stageWidth / 2;
menu.y=stage.stageHeight /2;
addChild(menu);
6、用一個(gè)函數(shù)buildMenu來(lái)實(shí)現(xiàn)每個(gè)菜單項(xiàng)目。
function buildMenu(){
var btn:myButton;
var angle:int=360/menu_items.length;
for (var i:int = 0; i< menu_items.length; i++){
btn = new myButton();
btn.buttonMode=true;
btn.labelBtn.text = menu_items[i];
btn.mouseChildren=false;
menu.addChild(btn);
TweenLite.to(btn,2,{rotation: -i*angle,ease:Bounce.easeOut});
}
}
7、最后添加一個(gè)監(jiān)聽(tīng)單擊事件的代碼。
menu.addEventListener(MouseEvent.CLICK,clickHandler );
function clickHandler(e:MouseEvent ):void{
// TO DO ...
trace(myButton(e.target).labelBtn.text);
}
8、所有代碼如下。
import com.greensock.*;
import com.greensock.easing.*;
var menu_items:Array = ["HOME","ABOUT ME","PORTFOLIO","BLOG","CONTACT"];
var menu:Sprite = new Sprite();
menu.x= stage.stageWidth / 2;
menu.y=stage.stageHeight /2;
addChild(menu);
buildMenu();
function buildMenu(){
var btn:myButton;
var angle:int=360/menu_items.length;
for (var i:int = 0; i< menu_items.length; i++){
btn = new myButton();
btn.buttonMode=true;
btn.labelBtn.text = menu_items[i];
btn.mouseChildren=false;
menu.addChild(btn);
TweenLite.to(btn,2,{rotation: -i*angle,ease:Bounce.easeOut});
}
}
menu.addEventListener(MouseEvent.CLICK,clickHandler );
function clickHandler(e:MouseEvent ):void{
// TO DO ...
trace(myButton(e.target).labelBtn.text);
}
新聞熱點(diǎn)
疑難解答
圖片精選