1 / 16

6-3 元件的類型

6-3 元件的類型. Flash 的元件包含 圖像元件 (Graphic Symbol) 、 按鈕元件 (Button Symbol) 、 影片片段元件 (Movie Clip Symbol) 、 字體元件 (Font) 與 組件 (Components) 5 種類型 , 我們一一說明如下。. 圖像元件. 圖像元件 (Graphic Symbol) 可以是一般靜態的圖檔 , 也可以是一段動畫。

hamilton-whitehead
Download Presentation

6-3 元件的類型

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

  3. 圖像元件

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

  5. 圖像元件

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

  7. 圖像元件

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

  9. 按鈕元件

  10. 按鈕元件

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

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

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

  14. 影片片段元件

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

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

More Related