如何搭配使用 ActionScript 與 Animate

ActionScript® 的指令碼編寫語言能讓您在應用程式中加入複雜的互動功能、播放控制項和資料顯示。您可以使用「動作」面板、Script 視窗，或是外部編輯器，將 ActionScript 新增到編寫環境中。

ActionScript 遵循自己的語法規則、保留關鍵字，並讓您使用變數以存放和擷取資訊。ActionScript 包含大型的內建類別元件庫，這些內建類別能讓您建立物件以執行許多有用的工作。如需有關 ActionScript 的詳細資訊，請參閱下列說明手冊：

• 學習 ActionScript 3.0 位於 www.adobe.com/go/learn_flcs5_learnas3_tw

• 學習 Adobe Animate 中的 ActionScript 2.0 位於 www.adobe.com/go/learn_cs5_learningas2_tw

您不需要了解每一個 ActionScript 元素，就可以開始編寫指令碼；如果目標明確，便可開始建立簡單動作的指令碼。

ActionScript 與 JavaScript 都根源於 ECMA-262 標準 (國際通用的 ECMAScript 指令碼編寫語言標準)。因此，熟悉 JavaScript 的開發人員會發現自己對 ActionScript 全然不陌生。如需有關 ECMAScript 的詳細資訊，請造訪 ecma-international.org。

您可以使用何種 ActionScript 版本？

Animate 包含了一個以上的 ActionScript 版本，以便滿足不同類型開發人員及播放硬體之需求。ActionScript 3.0 與 2.0 彼此「不」相容。

• ActionScript 3.0 的執行速度很快。相較於其他版本的 ActionScript 而言，使用者必須對物件導向的程式設計概念有相當的認識，才能使用這個版本。ActionScript 3.0 與 ECMAScript 規格完全相容，也提供了更好的 XML 處理、改良式事件模型及增強的螢幕元素處理架構。使用 ActionScript 3.0 的 FLA 檔案無法包含舊版的 ActionScript。

• (僅限 Animate 不建議使用) ActionScript 2.0 學習起來，要比 ActionScript 3.0 來得容易許多。儘管 Flash Player 在執行編譯過的 ActionScript 2.0 程式碼時，速度比執行編譯過的 ActionScript 3.0 程式碼要來得慢，但是 ActionScript 2.0 還是能夠運用在許多種類的專案上。對於運算資源要求比較寬鬆的專案，ActionScript 2.0 也相當適合，比如一些比較偏重設計的內容。ActionScript 2.0 也是以 ECMAScript 規格為架構，但並沒有完全相容。

• (已於 Animate 中被取代) ActionScript 1.0 是最簡單的 ActionScript 形式，而且某些版本的 Adobe Flash Lite Player 還在使用這個版本。ActionScript 1.0 和 2.0 可以同時存在於相同的 FLA 檔案中。

• (已於 Animate 中被取代) Flash Lite 2.x ActionScript 為 ActionScript 2.0 的子集，後者可由在行動電話及裝置上執行的 Flash Lite 2.x 所支援。

• (已於 Animate 中被取代) Flash Lite 1.x ActionScript 為 ActionScript 1.0 的子集，後者可由在行動電話及裝置上執行的 Flash Lite 1.x 所支援。

使用 ActionScript 文件

因為 ActionScript 有多個版本 (2.0 和 3.0)，而且還有多種方式可以將 ActionScript 合併到 FLA 檔，因此，要了解 ActionScript 就有不同的方法。

您可以找到有關使用 ActionScript 圖形使用者介面的說明。包括「動作」面板、Script 視窗、「指令碼助理」模式、「行為指令」面板、「輸出」面板和「編譯器錯誤」面板。這些主題適用於所有版本的 ActionScript。

其他由 Adobe 所提供的 ActionScript 文件可引導您了解各種 ActionScript 版本的差異。

ActionScript 的使用方式

使用 ActionScript 的方式有很多種。

• (已於 Animate 中被取代)「指令碼助理」模式讓您不需自行撰寫程式碼，即可將 ActionScript 加入 FLA 檔案。您只要選取動作，軟體就會顯示使用者介面，供您輸入每個動作所需的參數。稍微了解要使用哪些函數來完成特定的工作，但並不需要學會語法。許多設計人員及非程式設計人員都使用此模式。

• (已於 Animate 中被取代)「行為指令」也讓您不需自行撰寫程式碼，即可將程式碼加入檔案。行為指令是預先撰寫的指令碼，用於最常執行的工作。您可以加入一個行為指令，然後輕鬆地在「行為指令」面板中加以設定。行為指令只適用於 ActionScript 2.0 及舊版。

• 撰寫您自己的 ActionScript，便可擁有最大的彈性及文件控制權，但您必須對 ActionScript 語言和慣例十分熟悉。

• 組件是預先建立的影片片段，能讓您實作複雜的功能。組件可以是簡單的使用者介面控制項 (例如核取方塊)，也可以是複雜的控制項 (例如捲動窗格)。您不但可以自訂組件的功能與外觀，還可以下載其他開發人員所建立的組件。對大部分的組件來說，您需要編寫部分屬於自己的 ActionScript 程式碼來觸發或控制組件。如需詳細資訊，請參閱使用 ActionScript 3.0 組件。

撰寫 ActionScript

當您在編寫環境中撰寫 ActionScript 程式碼時，您會使用「動作」面板或指令碼視窗。「動作」面板或 Script 視窗包含了完整功能的程式碼編輯器，其中包括程式碼提示和標色、程式碼格式設定、語法反白標示。另外也包含除錯、行號、文字換行以及 Unicode 支援。

• 使用「動作」面板，撰寫屬於 Animate 文件一部分的指令碼 (也就是內嵌於 FLA 檔案中的指令碼)。「動作」面板提供了一些功能，例如「動作工具箱」，它能讓您快速存取核心的 ActionScript 語言元素。它會提示您建立指令碼所需的元素。

• 如果您想要撰寫外部指令碼 (也就是存放在外部檔案中的指令碼或類別)，請使用 Script 視窗。(此外，也可以使用文字編輯器建立外部 AS 檔案)。Script 視窗包括程式碼協助功能，例如程式碼提示和標色、語法檢查和自動格式化。

更多的建議社群內容

• ActionScript 3.0 快速入門 (CS3) (3:25)

• 最佳化動畫和 FLA 檔案 (7:24) (CS3)

• 使用 ActionScript 3.0 建立文件類別 (CS3) (2:38)

• 在設計和開發之間建立有效的工作流程 (CS3) (3:41)

• 使用組件 (CS3) (1:47)

• ActionScript 頻道的 YouTube.com 清單

以下「文章和教學課程」提供更多有關使用 ActionScript 的詳細資訊：

• ActionScript 3 移轉表格 (Adobe.com)

輸出面板概觀

當您執行任何文件類型時，「輸出」面板會顯示與文件轉換或發佈等操作有關的資訊或警告。若要顯示此資訊，可以在程式碼中加入 trace() 陳述式，或者使用「列出物件」或「列出變數」命令。

如果在指令碼中使用 trace() 陳述式，便能在 SWF 檔案執行時，將特定資訊傳送到「輸出」面板。此資訊可能包含有關 SWF 檔案狀態或運算式值的備註。 

「輸出」面板包含下列功能表項目：

• 複製：將「輸出」面板的所有內容複製到電腦的「剪貼簿」。若要複製輸出的選定部分，請選取您要複製的區域，然後選取「複製」。
• 清除：清除「輸出」面板的內容。
• 顯示輸出：顯示「輸出」面板的內容。
• 鎖定：鎖定面板。您只能調整面板大小，無法移動或拖曳面板。
• 說明：載入「輸出」面板的線上說明。
• 關閉：關閉「輸出」面板。
• 關閉群組：關閉整個面板群組。您可以同時固定多個面板，例如「時間軸」、「輸出」面板及「編譯器錯誤」面板。

若要顯示或隱藏「輸出」面板，選取「視窗 > 輸出」或按 F2。

動作面板

在尋找語言參考嗎？

若要尋找特定 ActionScript 語言元素的參考文件，請執行下列其中一項：

• 開啟 ActionScript 3.0 語言參考，並搜尋語言元素。

• 在「動作」面板輸入語言元素，選取元素，然後按下 F1 (立即按下 F1)。
  

學習 ActionScript

若要了解如何撰寫 ActionScript，請使用下列資源：

• 學習 ActionScript 3.0

• ActionScript 3.0 語言和組件參考

• 學習 Adobe Animate 中的 ActionScript 2.0

• ActionScript 2.0 語言參考

ActionScript 3.0 與 2.0 彼此不相容。為每個建立的 FLA 檔案只選擇一個版本。

動作面板概觀

若要建立內嵌於 FLA 檔案中的指令碼，請直接在「動作」面板 (「視窗 > 動作」或按下 F9) 輸入 ActionScript。

「動作」面板是由兩個窗格所組成：

讓您可以輸入與目前選取之影格相關聯的 ActionScript 程式碼。

列出您 Animate 文件中的指令碼，並且可讓您在指令碼之間快速地移動。若要在「Script」窗格檢視指令碼，按一下「Script 導覽器」中的項目。

「動作」面板能讓您存取程式碼協助功能，這些功能可簡化並提升在 ActionScript 中編寫程式碼的效率。您可以增加非影格特定的全域及協力廠商指令碼，以便從 Animate 中套用到整個動畫。如需詳細資訊，請參閱本頁中的增加全域及協力廠商指令碼章節。

• 執行指令碼：執行指令碼
• 鎖定 Script：鎖定指令碼，可以鎖定「Script」窗格中個別指令碼的標籤，並且據此加以移動。如果您尚未將 FLA 檔案內的程式碼組織到一個集中的位置，這個功能很有用。或者，如果您使用多個指令碼，這也很實用。您可以鎖定指令碼，以便在「動作」面板中保留程式碼的開放位置，並且在各種開啟的程式碼之間切換使用。這個功能在除錯時很有用。
• 插入實體路徑和名稱：協助您設定指令碼中某個動作的絕對或相對目標路徑。
• 尋找：尋找和取代指令碼中的文字。
• 格式化程式碼：協助格式化程式碼。
• 程式碼片段：開啟顯示範例程式碼片段的「程式碼片段」面板。
  
• 使用精靈新增：按一下這個按鈕，使用易於使用的精靈新增動作，無需撰寫程式碼。
• 說明：為「Script」窗格中所選取的 ActionScript 元素顯示參考資訊。例如，如果您按一下 import 陳述式，然後按一下「說明」，import 的參考資訊便會出現在「說明」面板中。

使用動作程式碼精靈

您可以使用「動作」面板中的「使用精靈新增」選項，為 HTML5 構圖新增互動功能。「使用精靈新增」是簡化的使用者介面，可將程式碼新增到整個作品中。

當您選取舞台中的物件，可以從選單中選擇「目前選取範圍」選項，然後執行動作程式碼精靈。您也可以針對程式碼選擇時間軸與元件動作。

加強動畫的互動

互動是動畫不可或缺的部分，有助於促進觀眾的視覺體驗。想要了解如何在影片中加入動作，而不需任何程式碼嗎？請觀賞此範例結尾的教學課程並依照下列步驟執行。

如何為您的動畫增加互動

使用 Script 視窗

Script 視窗能讓您建立要匯入應用程式中的外部指令碼檔案。這些指令碼可以是 ActionScript 或 Animate JavaScript 檔案。

此外，您也可以在 HTML5 Canvas 文件中增加全域及協力廠商指令碼。如需詳細資訊，請參閱在 Animate 中建立及發佈 HTML5 Canvas 文件的「增加全域及協力廠商指令碼」章節。

如果開啟一個以上的外部檔案，檔案名稱便會橫跨顯示於指令碼視窗頂端的標籤上。

在「Script」視窗中，您可以使用下列功能：PinScript、尋找和取代、語法標色、格式化程式碼、程式碼提示、程式碼註解、程式碼收合。另外也可以使用除錯選項 (僅限 ActionScript 檔案) 以及文字換行。Script 視窗也能讓您顯示行號和隱藏的字元。

在 Script 視窗中建立外部檔案

在 Script 視窗中編輯現有檔案

• 若要開啟現有的指令碼，請選取「檔案 > 開啟舊檔」，再開啟現有的 AS 檔。

• 若要編輯已經開啟的指令碼，可以按一下顯示指令碼名稱的文件標籤。

動作面板和 Script 視窗中的工具

「動作」面板能讓您存取程式碼協助功能，這些功能可簡化並提升在 ActionScript 中編寫程式碼的效率。

尋找

尋找和取代指令碼中的文字。

插入目標路徑

(僅限「動作」面板) 幫助您為指令碼中的動作設定絕對或相對目標路徑。

說明 

為「Script」窗格中所選取的 ActionScript 元素顯示參考資訊。例如，如果您按一下 import 陳述式，然後按一下「說明」，import 的參考資訊便會出現在「說明」面板中。

程式碼片段

開啟顯示範例程式碼片段的「程式碼片段」面板。

使用精靈新增

協助您使用介面新增動作的程式碼，無需撰寫程式碼。 

從動作面板存取內容感應式說明

設定 ActionScript 偏好設定

不論您是在「動作」面板還是 Script 視窗中編輯程式碼，都可以設定並修改一組偏好設定。