前言

按鈕是 Flash 互動的核心元素。本教學完整涵蓋按鈕元件繪製、四態設計、場景佈置、停止動作插入、事件程式碼綁定與測試流程，適合 CS3 以上版本。

工具與環境

• Flash CS3 或更新版本
• 已完成的動畫檔案或新建文件

步驟一：繪製按鈕外觀並轉為元件

1. 在場景中繪製按鈕圖形（可用矩形、圓角矩形、文字組合）
2. 選中全部圖形 → F8 → 類型選「按鈕」 → 命名如「btn_play」
3. 雙擊元件進入按鈕編輯模式（時間軸變為四態：向上、向下、經過、按下）

步驟二：設計四態視覺回饋

每個狀態在對應關鍵幀繪製不同外觀，Flash 會自動依滑鼠狀態切換。

步驟三：場景佈置與停止動作

1. 回到主場景，新建「按鈕圖層」
2. 在需暫停的幀插入關鍵幀（F6）
3. 右鍵該幀 → 「動作」 → 全域函式 → 時間軸控制 → stop()

注意： 只有關鍵幀能加動作，一般幀需先 F6 轉為關鍵幀。

步驟四：放置按鈕實例

1. 從資源庫拖入按鈕元件到場景適當位置
2. 在屬性面板設定實例名稱（如 playBtn），供程式碼參考

步驟五：綁定 ActionScript 事件（關鍵步驟）

1. 選中按鈕實例（非關鍵幀，是舞台上的元件實例）
2. 右鍵 → 「動作」→ 影片剪輯控制 → on
3. 右側選單選 release（滑鼠釋放觸發）
4. 在大括號內點擊 → 左側選「時間軸控制」→ gotoAndPlay
5. 括號內輸入目標幀號（如 gotoAndPlay(10)）

產生程式碼範例：

on (release) {
    gotoAndPlay(10);
}

步驟六：測試與除錯

• Ctrl+Enter 測試影片
• 確認：滑鼠經過有 hover 效果、點擊會跳轉到指定幀播放
• 若無反應：檢查實例名稱、程式碼語法、目標幀是否存在

進階技巧：AS3 寫法（現代專案推薦）

時間軸程式碼寫法（第 1 幀）：

playBtn.addEventListener(MouseEvent.CLICK, onPlayClick);

function onPlayClick(e:MouseEvent):void {
    gotoAndPlay(10);
}

優點：程式碼集中管理、易維護、支援型別檢查。

常見錯誤排查