6-3 元件的類型

6-3 元件的類型• Flash 的元件包含圖像元件 (Graphic Sym

bol) 、按鈕元件 (Button Symbol) 、影片片段元件 (Movie Clip Symbol) 、字體元件 (Font) 與組件 (Components) 5 種類型 , 我們一一說明如下。

圖像元件• 圖像元件 (Graphic Symbol) 可以是一般靜

態的圖檔 , 也可以是一段動畫。• 圖像元件最大的特色 , 是必須隨著動畫的

主時間軸來播放。舉例來說 , 若你建立了一個含有 10 格影格的圖像元件 , 將其放置於 20 格影格的主動畫中 , 動畫將重複播放兩次圖像元件。請開啟練習檔 06-02.fla, 並執行『檔案 /元件庫』命令 ( 或按下 [F11] 鍵 ) 開啟元件庫面板：

圖像元件

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

圖像元件

圖像元件• 如果將 10 格影格的元件放置在只有 1 格

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

圖像元件

按鈕元件• 按鈕元件 (Button Symbol) 可製作按鈕功

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

• 請開啟練習檔 06-04.fla ：

按鈕元件

按鈕元件

按鈕元件• 我們在場景 1 看到的按鈕呈現立體及光暈

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

影片片段元件• 影片片段元件 (Movie Clip Symbol) 本身即

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

影片片段元件• 要預覽影片片段元件 , 必須先將動畫發佈

成 .swf 檔 ( 按下 [Ctrl] + [Enter] 鍵 ) 才看得到。

• 此外 , 影片片段元件可以包含圖片、聲音或另一個元件 , 甚至可以設定滑鼠的動作事件 , 或當做按鈕來使用 , 可說是應用範圍最廣的一種元件。

影片片段元件

字體元件• 字體元件 (Font) 可以單純做靜態的文字顯

示 , 也可以成為與瀏覽者溝通用的輸入欄位 , 或做為動態顯示之用。

組件• 組件 (Components) 是另一種影片片段元

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