如何使用 Animate CC 建立按鈕

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

定義按鈕狀態。

讓動作與按鈕產生關聯。

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

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

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

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

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

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

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

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

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

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

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

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

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

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