Flash AS3制作個(gè)性的旋轉(zhuǎn)圓形網(wǎng)頁(yè)導(dǎo)航，最終效果如下。

　　1、創(chuàng)建一個(gè)FLASH文件，保存為menu.fla文件。

　　2、重命名“layer 1″為 “actions”，我們使用小而美的Tweening Engine，下載AS3的壓縮包，然后解壓縮到com目錄然后把這個(gè)目錄放到menu.fla文件的文件夾中。

　　3、用矩形工具繪制一個(gè)黑色的矩形，轉(zhuǎn)換為MC影片剪輯，打開屬性窗口。

　　4、雙擊這個(gè)影片剪輯編輯它，使用文本工具，設(shè)置為動(dòng)態(tài)文本，繪制一個(gè)區(qū)域，設(shè)置顏色是白色，命名實(shí)例名為abelBtn。

　　5、回到場(chǎng)景1，刪除掉剛剛建立的影片剪輯。

　　6、我們選擇第一幀，然后打開動(dòng)作面板，輸入下面代碼，主要是為了導(dǎo)入Tweenlite engine。

　　import com.greensock.*;

　　import com.greensock.easing.*;

　　7、然后創(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);

　　8、用一個(gè)函數(shù)buildMenu來實(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});

　　}

　　}

　　9、最后添加一個(gè)監(jiān)聽單擊事件的代碼。

　　menu.addEventListener(MouseEvent.CLICK，clickHandler );

　　function clickHandler(e:MouseEvent ):void{

　　// TO DO ...

　　trace(myButton(e.target).labelBtn.text);

　　}

　　10、所有代碼如下。

　　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);

　　}

總結(jié)

以上是生活随笔為你收集整理的Flash AS3 个性的旋转圆形网页导航的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。