如何使用 Animate 建立按鈕

決定何種按鈕類型最符合您的需求。

大多數的人會根據他們的適應性來選擇按鈕元件。按鈕元件包含按鈕狀態專用的內部時間軸。您可以輕鬆地建立看起來不一樣的狀態，例如「一般」、「按下」和「滑入」。此外，按鈕元件也會隨著對使用者動作所做的反應而自動變更狀態。

您可以使用影片片段元件來建立複雜的按鈕效果。影片片段元件可以包含幾乎任何類型的內容，其中包括動畫。不過，影片片段元件沒有內建的「一般」、「按下」和「滑入」狀態。請使用 ActionScript 自行建立那些狀態。此按鈕的缺點是，影片片段檔案大於按鈕檔案。

如果您只需要一個標準按鈕或切換按鈕，而且不想過度自訂按鈕，請使用按鈕組件。ActionScript 2.0 和 3.0 兩種按鈕組件都隨附允許狀態變更的內建程式碼。因此，您不必定義按鈕狀態的外觀和行為指令。只要將組件拖曳到「舞台」即可。

• ActionScript 3.0 按鈕組件允許進行一些自訂。您可以將按鈕繫結到其他組件，並且共享及顯示應用程式資料。這些組件具備輔助功能支援等內建功能。Button、RadioButton 和 CheckBox 組件都可供使用。

• ActionScript 2.0 按鈕組件無法自訂。組件允許狀態變更。

定義按鈕狀態。

使用者未與按鈕互動時的外觀。

使用者即將選取按鈕時的外觀。

使用者選取按鈕時的外觀。

根據使用者按下動作而反應的區域。定義這個「感應區」影格是選擇性的。如果您的按鈕尺寸小，或者圖像區域不是連續的，則定義這個影格會很有用。

• 播放期間，在「舞台」上看不見「感應區」影格的內容。

• 「感應區」影格的圖像是一塊實心區域，其大小足以涵蓋「一般」、「按下」和「滑入」影格的所有圖像元素。

• 如果您未指定「感應區」影格，則會使用「一般」狀態的影像。

  您可以製作按下或滑入 (也稱為互斥的滑鼠指向效果) 舞台不同區域時會有所反應的按鈕。將「感應區」影格圖像放置在與其他按鈕影格圖像不同的位置。

讓動作與按鈕產生關聯。

若要在使用者選取按鈕時有所表示，您可以在「時間軸」加入 ActionScript 程式碼。請將 ActionScript 程式碼放置在與按鈕相同的影格中。「程式碼片段」面板已針對許多常用按鈕預先製作 ActionScript 3.0 程式碼。請參閱使用程式碼片段增加互動功能。

ActionScript 2.0 與 ActionScript 3.0 不相容。如果您的 Animate 版本使用 ActionScript 3.0，則無法將 ActionScript 2.0 程式碼貼入按鈕 (反之亦然)。在從另一個來源將 ActionScript 貼入按鈕之前，請先確認版本是相容的。

選擇「編輯 > 取消全選」或按一下「舞台」上的空白區域，以確定沒有選取「舞台」上的任何元件。

選擇「插入 > 新增元件」。

在「建立新元件」對話方塊中輸入名稱。元件的「類型」則選取「按鈕」。

Animate 便會切換到元件編輯模式。「時間軸」會出現變化，顯示四個標示為「一般」、「滑入」、「按下」和「感應區」的連續影格。第一個影格「一般」是一個空白的關鍵影格。

若要建立「一般」狀態的按鈕影像，請在「時間軸」中選取「一般」影格。然後，使用繪圖工具、匯入圖像，或在「舞台」上放置另一個元件的實體。

您可以使用按鈕元件內的圖像元件或影片片段元件，但是您無法使用其他按鈕元件。

在「時間軸」中按一下「滑入」影格，然後選擇「插入 > 時間軸 > 關鍵影格」。

Animate 會插入一個重製上一個「一般」影格內容的關鍵影格。

在仍然已選取「滑入」影格的情況下，變更或編輯「舞台」上的按鈕影像，進而建立您想要的「滑入」狀態外觀。

對「按下」影格和選擇性的「感應區」影格重複步驟 5 及步驟 6。

若要將聲音指定給按鈕的狀態，請在「時間軸」中選取該狀態的影格，然後選擇「視窗 > 屬性」。然後，從「屬性」檢測器的「聲音」選單中選取聲音。只有已匯入的聲音才會出現在「聲音」選單中。

完成時，請選擇「編輯 > 編輯文件」。Animate 會讓您回到 FLA 檔案的主時間軸。若要為您在「舞台」上建立的按鈕建立實體，請將按鈕元件從「元件庫」面板拖曳到「舞台」上。

若要測試按鈕功能，請使用「控制 > 測試」命令。此外，您也可以選擇「控制 > 啟用簡易按鈕」，預覽「舞台」上按鈕元件的狀態。此命令可讓您查看按鈕元件的一般、滑入與按下狀態，而不需使用「控制 > 測試」。