Flash 組件應用實戰：單選題測驗介面完整製作流程

利用 Flash 內建 RadioButton 組件、動態文字、按鈕元件與 ActionScript，製作一個完整的單選題答題互動：題目顯示、選項選擇、提交判斷、結果反饋、重新作答。

效果預覽

素材準備

• 背景圖片（330×330 px）。
• 公用按鈕元件（視窗 > 公用程式庫 > 按鈕）。

製作步驟

1. 新建文件：330×330 px，黑背景，預設幀率。
   
2. 導入背景並置中：鎖定圖層1。
   
3. 新增圖層2：題目文字：文字工具設定（裝置字體、白色、16pt、多行），輸入題目與選項標籤。
   
4. 配置 RadioButton 組件：
   • 視窗 > 元件 面板，拖入 RadioButton 到舞台。
     
   • 屬性面板 > 參數 > dataProvider：添加 4 個項目 (VCD, DVD, MP3, MP4)。
     
   • 參數 > labels：同步設定顯示標籤 (VCD, DVD, MP3, MP4)。
     
   • 設定組件實例名為 box。
     
5. 腳本層：停止播放：新增圖層3「腳本」，第 1 幀 stop();。
   
6. 提交按鈕：新增圖層「按鈕」，拖入公用按鈕，雙擊編輯文字層改為「提交」，賦予實例名 submit_btn。
   
7. 返回按鈕（第 2 幀顯示）：新增圖層「按鈕2」，第 2 幀關鍵幀拖入按鈕改文字「返回」，實例名 fh_btn。
   
8. 反饋文字欄位：新增圖層「文字層」，第 2 幀關鍵幀，繪製動態文字框 (實例名 result_txt)，屬性：多行、白色、邊框、可選取。
   
9. 提交按鈕代碼：

   submit_btn.onRelease = function():Void {
       var answer:String = box.getValue(); // 取得選中選項 data 值
       if (answer == "MP3") { // 假設正確答案為 MP3
           result_txt.text = "恭喜答對！";
           _root.gotoAndStop(2); // 跳轉至第2幀顯示返回按鈕與反饋
       } else {
           result_txt.text = "答錯了，正確答案是 MP3。";
           _root.gotoAndStop(2);
       }
   };

10. 返回按鈕代碼：

    fh_btn.onRelease = function():Void {
        _root.gotoAndPlay(1); // 回到第1幀重新作答
        box.selectedIndex = -1; // 重置單選組件
        result_txt.text = "";
    };

關鍵知識點

• RadioButton.dataProvider：資料綁定陣列，每項含 label(顯示) 與 data(實際值)。
• getValue() 取得當前選中項的 data 值；selectedIndex = -1 重置選擇。
• 主時間軸幀標籤控制流程：第 1 幀作答、第 2 幀反饋，stop() 防止自動播放。
• 代碼集中於主時間軸框架層，而非元件內部，利於維護。