按鈕設計

目標
設計按鈕元件並配用ActionScript (AS)

學習新功能
1.元件庫→新增元件→按鈕

步驟
一、製作元件
010先在舞台上先畫好本按鈕原型，例如Play或Stop的英文字。
02.選取，剪下。
03.視窗→元件，新增元件→按鈕。
04.在第一影格貼上。
05.因為文字，所以修改 >打散兩次。
06.視窗 > 對齊。完成對齊設定。
07.點按第二影格，按插入關鍵影格。
08.點按第三影格，按插入關鍵影格。
09.點按第四影格，按插入關鍵影格。
10.新增圖層，在第四影格插入空白關鍵影格。依第一層的文字範圍，畫出一矩形為感應區，並灌入黑色。
11.選取該黑色矩形，編輯 > 剪下。
12.點選第一層的第四影格，將文字刪除。
13.編輯 > 在原地複製。
14.將第二層刪除。

二、配用AS

1.將按鈕元件拖拉放到舞台，選取該實體。
2.視窗 > 屬性，於屬性視窗內更改實體名稱。
3.新增圖層，設為Action。於第一影格，鍵入類似以下的AS:play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);function clickplay_btn(event:Event):void {trace ("play_btn");gotoAndPlay("Lplay");
}

pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);function clickpause_btn(event:Event):void {trace ("pause_btn");stop();
}

補充
上述的藍色字是AS的內定語令，綠色字是你設定的實體名稱或影格標籤。另有黑色字與實體名稱相同者，表示以該實體所欲施行的方法，如pause_btn有綠色也有黑色。為實體名稱及影格標籤取名，避免與AS內定名相同。