字型按鈕設計

目標
設計字型按鈕元件並搭ActionScript (AS)

學習新功能

• 元件庫→新增元件→按鈕

步驟
一、製作元件

1. 先在舞台上先畫好文字型按鈕原型，例如「播放「或「暫停」或「Play」、「Stop」的字型。
2. 選取，剪下。
3. 視窗→元件，新增元件→按鈕。
4. 在第一影格貼上。
5. 修改 >打散兩次。
   
6. 視窗 > 對齊。完成對齊設定。
7. 點按第二影格，按插入關鍵影格。
8. 點按第三影格，按插入關鍵影格。
9. 點按第四影格，按插入關鍵影格。
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();
   }
4. 存檔。
5. 測試影片。

補充
上列的AS語令，其字串的彩色之意義如下：

• 藍色是AS的專用名詞；
• 綠色是你設定的實體名稱或影格標籤。
• 黑色字與實體名稱相同者，表示以該實體所欲施行的方法，如pause_btn有綠色也有黑色。實體名稱及影格標籤之命名須避免與AS內定專用名。