按鈕AS3.0

目標
影片片頭、片尾各加一個按鈕以控制影片的播放。



學習新功能
AS3.0中的語令

• stop()
  
• gotoAndPlay()
• addEventListener(MouseEvent.CLICK, variable)

步驟
一、啟動Flash

1. 開新檔案，選ActionScript 3.0模式。

二、製作雲的移動補間

1. 在元件庫新增圖像元件，畫一片雲。
2. 在第5影格到第48影格，製作使雲有大小及位置變化的移動補間。
3. 新增圖層，更名為「文字」，在第1影格，於舞台上鍵入黑體字「試按右下二鈕」，將它們打散。
4. 在第4影格加入影格。

二、套用按鈕元件

1. 新增一圖層，更名為「按鈕」。
2. 視窗 > 內建元件庫，選擇播放按鈕，拖拉放到舞台右下，於屬性視窗設定長、寬值。
3. 視窗 > 內建元件庫，選擇播暫停鈕，拖拉放到舞台右下，於屬性視窗設定長、寬值。
4. 利用視窗 > 對齊，使齊底，再調動位置。
5. 到元件庫，將播放元件更名為「play」，將暫停元件更名為「pause」
   

三、設定實體名稱

1. 點按舞台上的播放鈕，在屬性視窗內，於實體名稱處，更名為「play_btn」。
2. 點按舞台上的播放鈕，在屬性視窗內，於實體名稱處，更名為「pause_btn」。

四、加影格標籤

1. 新增一圖層，取名為Action。
   
2. 在第5影格新增一空白關鍵影格，於屬性視窗之影格標籤欄鍵入「Lplay」。

五、加入AS (ActionScript)

1. 選取Action圖層上的第1影格，輸入以下的語令：
   stop();
   
   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();
   }
2. 在Action圖層上的最後一影格插入空白關鍵影格。
3. 點選該最後影格，於動作視窗內輸入以下語令：
   gotoAndPlay ("Lplay");
   

六、存檔

1. 測試影片。
2. 檔案，取名儲存。

建議瀏覽AS3.0教材

• 介紹官方版(中文)
  
• 按鈕設定
• 介紹滑鼠事件
• 做網頁用的Flash及其AS