6-3 元件的類型 Flash 的元件包含圖像元件 (Graphic Symbol)、按鈕元件 (Button Symbol)、影片片段元件 (Movie Clip Symbol)、字體元件 (Font) 與組件 (Components) 5 種類型, 我們一一說明如下。

Presentation on theme: "6-3 元件的類型 Flash 的元件包含圖像元件 (Graphic Symbol)、按鈕元件 (Button Symbol)、影片片段元件 (Movie Clip Symbol)、字體元件 (Font) 與組件 (Components) 5 種類型, 我們一一說明如下。"— Presentation transcript:

1 6-3 元件的類型 Flash 的元件包含圖像元件 (Graphic Symbol)、按鈕元件 (Button Symbol)、影片片段元件 (Movie Clip Symbol)、字體元件 (Font) 與組件 (Components) 5 種類型, 我們一一說明如下。

2 圖像元件 圖像元件 (Graphic Symbol) 可以是一般靜態的圖檔, 也可以是一段動畫。
圖像元件最大的特色, 是必須隨著動畫的主時間軸來播放。舉例來說, 若你建立了一個含有 10 格影格的圖像元件, 將其放置於 20 格影格的主動畫中, 動畫將重複播放兩次圖像元件。請開啟練習檔 fla, 並執行『檔案/元件庫』命令 (或按下 [F11] 鍵) 開啟元件庫面板：

3 圖像元件

4 圖像元件 請執行『視窗/工具列/控制器』命令開啟控制器工具列, 再按下播放鈕, 就會看到動畫播放 2 次後停止。這是因為圖像元件與主動畫共用一個時間軸, 因此當圖像元件放置在具 20 格影格的主動畫時, 將會播放 2 次圖像元件後停止。

5 圖像元件

6 圖像元件 如果將 10 格影格的元件放置在只有 1 格影格的主動畫中, 主動畫將會在播放圖像元件的第 1 格影格後結束, 我們利用練習檔 fla 來試看看。請選取圖層 1 的影格 1, 再由元件庫將圖像元件動畫拉曳至舞台上, 你會發現動畫只顯示圖像元件的第 1 格畫面, 且控制器的按鈕無法作用。

7 圖像元件

8 按鈕元件 按鈕元件 (Button Symbol) 可製作按鈕功能的動畫, 並透過 ActionScript 或行為指令 (Behavior), 與瀏覽者的滑鼠或鍵盤事件產生互動。每個按鈕元件都是由 4 格影格組成, 分別代表按鈕的 4 種狀態 (後述)。此外, 按鈕元件內可以包含影片片段元件和圖像元件。 請開啟練習檔 fla：

9 按鈕元件

10 按鈕元件

11 按鈕元件 我們在場景 1 看到的按鈕呈現立體及光暈效果, 在按鈕元件的編輯模式卻只看到平面圖形, 這是因為我們在主動畫的按鈕上套用了濾鏡效果, 關於套用濾鏡的說明, 請參考第 14 章。

12 影片片段元件 影片片段元件 (Movie Clip Symbol) 本身即是一段獨立的動畫, 我們可以利用 ActionScript 和行為指令 (Behavior) 來控制影片片段元件, 且影片片段元件擁有自己獨立的時間軸, 不受主動畫影格數的影響, 甚至當你透過控制器停止主動畫的播放後, 影片片段元件仍可繼續播放。

13 影片片段元件 要預覽影片片段元件, 必須先將動畫發佈成 .swf 檔 (按下 [Ctrl] + [Enter] 鍵) 才看得到。
此外, 影片片段元件可以包含圖片、聲音或另一個元件, 甚至可以設定滑鼠的動作事件, 或當做按鈕來使用, 可說是應用範圍最廣的一種元件。

14 影片片段元件

15 字體元件 字體元件 (Font) 可以單純做靜態的文字顯示, 也可以成為與瀏覽者溝通用的輸入欄位, 或做為動態顯示之用。

16 組件 組件 (Components) 是另一種影片片段元件, 你可以使用 Flash 內建的組件, 或直接下載別人做好的組件, 甚至是自已開發組件來使用。使用組件最大的好處是可以透過組件參數的設定, 將組件直接應用在動畫中, 而不需自行撰寫ActionScript。