什麼是觸發器？
觸發器 = 「特定物件被點擊」啟動動畫/媒體動作。物件可以是形狀、文字、圖片、文字方塊、群組。本質：將動畫啟動條件從「時間序列」改為「用戶交互事件」。
核心設定路徑
- 為目標物件添加動畫/媒體動作 (「動畫」→「新增動畫」)。
- 「動畫窗格」中右鍵該動畫 →「計時」→「觸發器」→「在點擊下列物件時啟動效果」→ 選取觸發源物件。
- 觸發源物件建議預先「選取窗格」重命名 (如 `Btn_Play`、`Hotspot_Map`、`Thumbnail_01`)。
案例一：專業音訊播控面板 (播放/暫停/停止)
素材準備
- 音訊檔 (插入 → 選「點擊時播放」)。
- 三按鈕形狀/圖片：命名 `Btn_Play`、`Btn_Pause`、`Btn_Stop`。
動畫綁定
- 選中喇叭圖示 → 動畫窗格 → 原有「播放」動畫 → 觸發器綁定 `Btn_Play`。
- 喇叭圖示 →「新增動畫」→「媒體」→「暫停」→ 觸發器綁定 `Btn_Pause`。
- 喇叭圖示 →「新增動畫」→「媒體」→「停止」→ 觸發器綁定 `Btn_Stop`。
效果：點播放→響起；點暫停→暫停；再點暫停→繼續 (非重頭)；點停止→歸零停止。同理適用影片控制。
案例二：點擊彈窗 / 點擊關閉彈窗
結構
- 觸發區：透明矩形覆蓋圖文區，命名 `Btn_PopupTrigger` (透明度 100%，無輪廓)。
- 彈窗群組：背景框+標題+內容+關閉鈕，命名 `Grp_Popup`。
動畫邏輯
- `Grp_Popup` 添加「進入」→「上浮」0.3 秒 → 觸發器綁定 `Btn_PopupTrigger`。
- `Grp_Popup` 添加「退出」→「下沉」極快速度 → 觸發器綁定 `Grp_Popup` 自身 (點擊彈窗任意處關閉)。
- `Btn_PopupTrigger` 設 100% 透明，不可見但可點擊。
進階：同一動畫可綁定多觸發器 (圖片+文字各自觸發同一彈窗)；同一觸發器可啟動多動畫 (彈窗+音效+高光同步)。
案例三：縮圖點擊放大 + 說明文字同步顯示
結構
- 縮圖：命名 `Thumb_01`。
- 大圖：命名 `Img_Large`，初始隱藏 (或移出畫面)。
- 說明文字：命名 `Txt_Desc`，初始隱藏。
動畫綁定
- `Img_Large` 添加「進入」→「出現」 → 觸發器綁定 `Thumb_01`。
- `Txt_Desc` 添加「進入」→「出現」 → 觸發器綁定 `Thumb_01`。
- 動畫窗格中將 `Txt_Desc` 動畫「開始」改為「與上一個動畫同時」。
效果：點擊縮圖 → 大圖+說明同時淡入。再點大圖/說明可設退出動畫觸發器關閉。
觸發器設計模式總結
| 模式 | 觸發源 | 目標動作 | 典型場景 |
|---|
| 按鈕控媒體 | 專用按鈕形狀 | 播放/暫停/停止/書籤跳轉 | 音訊/影片播控器 |
| 熱區觸發彈窗 | 透明覆蓋形狀/圖文本體 | 彈窗進入/退出 | 地圖詢問/圖表鑽取/術語解釋 |
| 縮圖換大圖 | 縮圖物件 | 大圖/說明/相關內容顯示 | 產品圖鑒/組織架構/地圖詳情 |
| 自我關閉 | 彈窗/大圖自身 | 退出動畫 | 點擊任意處關閉 |
| 一觸多發 | 單一觸發源 | 多目標同步動畫 | 場景切換/多面板聯動 |
避坑指南
- 觸發源物件必須可見/可點擊 (無填滿/無輪廓需保留 1% 透明度或設定點擊區域)。
- 命名規範化：`Type_Function_Index` (如 `Btn_Play_01`, `Hotspot_Map_Taipei`)。
- 動畫窗格檢查：觸發器圖示 (閃電箭頭) 是否正確指向源物件。
- 放映模式測試：編輯模式觸發器不生效。