flashcs5第五節(jié)元件庫和實例

第五講元件、庫和實例元件元件和實例的概述、元件的類型、使用元件的優(yōu)點創(chuàng)建元件、編輯元件、復制元件、刪除元件、更改元件類型庫庫面板的使用專用庫與公用庫實例創(chuàng)建實例、實例的屬性、分離實體課堂練習——創(chuàng)建按鈕、添加花朵背景內(nèi)容概要元件是Flash中一個比較重要且使用非常頻繁的概念。元件是指在Flash創(chuàng)作環(huán)境中創(chuàng)建過一次的圖形、按鈕或影片剪輯，可以擁有Flash能夠創(chuàng)建的所有功能，包括動畫。每個元件都具有唯一的時間軸、舞臺及圖層。還可以包含從其它應用程序中導入的插圖；元件一旦被創(chuàng)建（只需創(chuàng)建一次），就會被自動添加到當前文檔的庫中，然后可在當前文檔或其它文檔中重復使用而不會顯著增加文件的大小。實例是指位于舞臺上或嵌套在另一個元件內(nèi)的元件副本。實例可以與它的元件在顏色、大小和功能上有差別。編輯元件會更新它的所有實例，但對元件的一個實例應用效果則只更新該實例。元件和實例概述可加快影片的播放速度：一個元件在瀏覽中只需下載一次；可簡化影片的編輯操作：若修改元件，同一元件生成的所有實例都會隨之更新，可大大節(jié)省創(chuàng)作時間，提供工作效率；可最大程度地減小文件大小：同一元件的多個實例在影片中只保存元件一次，而每個實例只保存附加信息（位置及其它屬性）,不管該元件被重復使用多少次，所占空間也只是一個元件大?。恢谱鲃幼黝惖倪^濾動畫效果時，必須將圖形轉(zhuǎn)換成元件，否則將失去透明度等屬性，而且不能制作補間動畫。使用元件的優(yōu)點圖形元件：用來重復使用的靜態(tài)圖像可應用到其它類型的元件當中，是3種元件類型中最基本的類型。按鈕元件：用來響應鼠標單擊、滑過或其它鼠標動作的交互式按鈕。可以定義與各種按鈕狀態(tài)關(guān)聯(lián)的圖形，可根據(jù)對不同按鈕狀態(tài)的設置來觸發(fā)不同的特殊效果。影片剪輯：可重用的動畫片段。Flash中有交互性、用途最多及功能最強的部分。影片剪輯擁有各自獨立于主時間軸的多幀時間軸（可設想為主電影中嵌套的小電影）；基本上就是一個小的獨立影片，可包含交互式控件、聲音甚至其它影片剪輯實例；也可以將影片剪輯實例放在按鈕元件的時間軸內(nèi)，以創(chuàng)建動畫按鈕。使用ActionScript可以在剪輯之間發(fā)送消息以便相互控制。元件的類型新建元件打開“創(chuàng)建新元件”對話框

的方法有：菜單項“插入|新建元件”“庫”面板左下角的

“新建元件”按鈕“庫”面板右上角的“庫面板”菜單中的“新建元件”快捷按鈕Ctrl+F8名稱、類型、文件夾“確定”后，將該元件

添加到庫中，并切換

到元件編輯模式創(chuàng)建元件將選定對象轉(zhuǎn)換為元件在舞臺上選擇一個或多個

對象，執(zhí)行下列操作之一

打開“轉(zhuǎn)換為元件”對話框：菜單項“修改|轉(zhuǎn)換為元件”右鍵快捷菜單中的“轉(zhuǎn)換為元件”將選中對象拖到“庫”面板上快捷鍵F8注冊：ActionScript控制

元件時的中心參照點“確定”后，將該元件添加

到庫中，舞臺上選定的對象將自動變成該元件的一個實例。創(chuàng)建元件（2）編輯元件時，可以使用任意繪畫工具、導入媒體或其它元件的實例；該文檔中該元件的所有實例將隨之一起改變。正在編輯的元件的名稱會顯示在舞臺頂部的編輯欄內(nèi)三種編輯方式：編輯：切換到只顯示該元件

的單獨視圖在當前位置編輯：在原場景

中，其它對象以灰顯方式出現(xiàn)在新窗口中編輯”：在單獨的

窗口單獨編輯，可與原場景來

回切換編輯元件進入元件編輯模式“編輯”菜單中右鍵快捷菜單中“庫”面板菜單中的

“編輯”雙擊“庫”面板中的

元件圖標——編輯在舞臺上雙擊該元

件的一個實例——在

當前位置編輯編輯元件（2）退出元件編輯模式“返回”按鈕單擊編輯欄中的場景名稱雙擊元件的外部（“在當前位置編

輯”時）“關(guān)閉”按鈕（“在新窗口編輯”時）菜單項“編輯|編輯文檔”。編輯元件（3）按鈕實際上是四幀的交互影片剪輯，其時間軸上包含四幀：彈起幀：代表指針沒有經(jīng)過按鈕時該按鈕的狀態(tài)。指針經(jīng)過幀：代表指針滑過按鈕時該按鈕的外觀。按下幀：代表單擊按鈕時該按鈕的外觀。點擊幀：設定了響應鼠標單擊的區(qū)域此區(qū)域在SWF文件中是不可見的。時間軸實際上并不播放，它只是對指針運動和動作做出反應，跳轉(zhuǎn)到相應的幀。創(chuàng)建按鈕打開“直接復制元

件”對話框“庫”面板中的

“直接復制……”右鍵快捷菜單中面板菜單中菜單項“修改|元件

|直接復制元件……”復制元件要從文檔中徹底刪除

一個元件，只能在

“庫”面板中進行刪除在舞臺上進行的刪除，

只是刪除了元件的一

個實例“庫”面板中的“刪除”右鍵快捷菜單中面板菜單中“刪除”按鈕刪除元件打開“元件屬性”

對話框“庫”面板中的

“屬性…”右鍵快捷菜單中面板菜單中“屬性”按鈕更改“類型”后，

確定更改元件類型創(chuàng)建【圖形】元件

要創(chuàng)建【圖形】元件，選擇【插入】|【新建元件】命令，打開【創(chuàng)建新元件】對話框，在【類型】下拉列表中選擇【圖形】選項。單擊【確定】按鈕，打開元件編輯模式，在該模式下進行元件制作，可以將位圖或者矢量圖導入到舞臺中轉(zhuǎn)換為【圖形】元件，也可以使用工具箱中的各種繪圖工具繪制圖形再將其轉(zhuǎn)換為【圖形】元件。

創(chuàng)建【影片剪輯】元件

【影片剪輯】元件可以是一個動畫，它擁有獨立的時間軸，并且可以在該元件中創(chuàng)建按鈕、圖形甚至其他影片剪輯元件。創(chuàng)建【影片剪輯】元件的方法與【圖形】元件方法類似，下面將通過一個簡單的實例，來介紹在【影片剪輯】元件中創(chuàng)建動畫的方法

創(chuàng)建【按鈕】元件

【按鈕】元件是一個4幀的交互影片剪輯，選擇【插入】|【新建元件】命令，打開【創(chuàng)建新元件】對話框，在【類型】下拉列表中選擇【按鈕】選項，單擊【確定】按鈕，打開元件編輯模式。

創(chuàng)建字體元件

【字體】元件的創(chuàng)建方法比較特殊，選擇【窗口】|【庫】命令，打開當前文檔的【庫】面板，單擊【庫】面板右上角的按鈕。在【字體嵌入】對話框的【名稱】文本框中可以輸入字體元件的名稱；在【系列】下拉列表框中可以選擇需要嵌入的字體，或者將該字體的名稱輸入到該下拉列表框中；在【字符范圍】區(qū)域中可以選中要嵌入的字符范圍，嵌入的字符越多，發(fā)布的SWF文件越大；如果要嵌入任何其他特定字符，可以在【還包含這些字符】區(qū)域中輸入這些字符。

將元素轉(zhuǎn)換為元件

如果設計區(qū)中的元素需要反復使用，可以將它直接轉(zhuǎn)換為元件，保存在【庫】面板中，方便以后調(diào)用。選中設計區(qū)的元素，選擇【修改】|【轉(zhuǎn)換為元件】命令，打開【轉(zhuǎn)換為元件】對話框，然后轉(zhuǎn)換為元件。在設計區(qū)選中元素，然后將對象拖動到【庫】面板中，打開【轉(zhuǎn)換為元件】對話框，然后轉(zhuǎn)換為元件。右擊設計區(qū)中的元素，從彈出的快捷菜單中選擇【轉(zhuǎn)換為元件】命令，打開【轉(zhuǎn)換為元件】對話框，然后轉(zhuǎn)換為元件。有關(guān)【轉(zhuǎn)換為元件】對話框中的設置可以參考【創(chuàng)建新元件】對話框的設置。

將動畫轉(zhuǎn)換為【影片剪輯】元件

在制作一些較為大型的Flash動畫時，不僅僅是設計區(qū)中的元素，很多動畫效果也需要重復使用。在FlashCS5中是不能直接將動畫轉(zhuǎn)換為【影片剪輯】元件的，可以使用復制圖層的方法，將動畫轉(zhuǎn)換為【影片剪輯】元件。

在當前位置編輯元件

在當前位置編輯元件，可以在編輯元件的過程中，更加方便地參照其他對象在舞臺中的相對位置。要在當前位置編輯元件，可以在舞臺上雙擊元件的一個實例，或者在舞臺上選擇元件的一個實例，右擊后在彈出的快捷菜單中選擇【在當前位置編輯】命令，或者在舞臺上選擇元件的一個實例，然后選擇【編輯】|【在當前位置編輯】命令，進入元件的編輯狀態(tài)。如果要更改注冊點，可以在舞臺上拖動該元件，拖動時一個十字光標會表明注冊點的位置。

在新窗口中編輯元件

要在新窗口中編輯元件，可以右擊設計區(qū)中的元件，在彈出的快捷菜單中選擇【在新窗口中編輯】命令，直接打開一個新窗口，并進入元件的編輯狀態(tài)。

在元件編輯模式下編輯元件

雙擊【庫】面板中的元件圖標。在【庫】面板中選擇該元件，單擊【庫】面板右上角的按鈕，在打開的【庫面板】菜單中選擇【編輯】命令。在【庫】面板中右擊該元件，從彈出的快捷菜單中選擇【編輯】命令。在舞臺上選擇該元件的一個實例，右擊后從彈出的快捷菜單中選擇【編輯】命令。在舞臺上選擇該元件的一個實例，然后選擇【編輯】|【編輯元件】命令。在執(zhí)行了上述的任一操作后，將進入元件編輯模式，對元件進行編輯操作。

退出編輯狀態(tài)

單擊設計區(qū)左上角的【返回】按鈕，返回上一層編輯模式。單擊設計區(qū)左上角場景按鈕，返回場景。

選擇【編輯】|【編輯文檔】命令，在元件的編輯模式下，雙擊元件內(nèi)容以外的空白處。

實例是指位于舞臺上或嵌套在另一個元件內(nèi)的元件副本。實例可以與它的元件在顏色、大小和功能上有差別。編輯元件會更新它的所有實例，但對元件的一個實例應用效果則只更新該實例。創(chuàng)建實例選擇時間軸上的某幀的某個圖層，將庫中已有的元件拖拽到舞臺上實例及其創(chuàng)建“屬性”面板實例名稱實例類型位置和大小實例的屬性色彩效果樣式：無：不設置顏色效果亮度：用來調(diào)整實例的相對亮度和安度。-100%~100%，-100%為白色，100%為黑色色調(diào)：用來增加某種色調(diào)，可用顏色拾取器，也可直接輸入0%~100%，0%不受影響，100%完全取代原有顏色高級：用于調(diào)整實例的紅、綠、藍和透明度。Alpha（不透明度）0%~100%，0%完全不可見，100%完全可見實例的屬性（2）循環(huán)（僅圖形元件）循環(huán)：按照當前實例占用的幀數(shù)來循環(huán)包含在該實例內(nèi)的所有動畫序列。播放一次：從指定幀開始播放動畫序列直到動畫結(jié)束，然后停止。單幀：顯示動畫序列的一幀；指定要顯示的幀。實例的屬性（3）交換：替換當前指定給

所選實例的元件打開“交換元件”對話框“屬性”面板中的“交換”按鈕“直接復制元件”按鈕實例的屬性（4）分離實例：斷開實例與元件之間的鏈接，可修改實例且不影響元件本身和該元件的其它實例。選中實例，然后“修改|分離”或快捷鍵Ctrl+B調(diào)用其它文檔中的元件“文件|導入|打開外部庫”選擇要打開的文檔后，單擊“打開”，打開該文檔的“庫”面板即可使用分離實例、調(diào)用其它文檔中的元件庫是存儲和組織管理flash中

創(chuàng)建的各種元件的地方打開“庫”面板菜單項“窗口|庫”快捷鍵Ctrl+L“庫”面板的構(gòu)成面板菜單庫名、“固定當前庫”按鈕、

“新建庫面板”按鈕預覽窗口搜索欄庫元件列表、“排序”按鈕按鈕：新建元件、新建文件夾、屬性、刪除庫面板專用庫：存放各自Flash文檔中創(chuàng)建的元件。公用庫：Flash附帶的范例公用庫，或者自定義創(chuàng)建的公用庫。聲音按鈕類專用庫與公用庫公用庫

在FlashCS5中還自帶了公用庫，使用公用庫中的項目，可以直接在設計區(qū)中添加按鈕或聲音等。要使用公用庫中的項目，選擇【窗口】|【公用庫】，在彈出的級聯(lián)菜單中選擇一個庫類型，即可打開該類型公用庫面板，可以選擇【庫–學習交互】、【庫–按鈕】面板和【庫–類】面板3種公用庫面板。

外部庫

在制作Flash動畫時，如果我們想要使用別的Flash文檔中的元素，那么可以使用外部庫，這意味著我們可以在不用打開別的Flash文檔的情況下，使用其他文檔中的素材。要導入外部庫，可以選擇【文件】|【導入】|【打開外部庫】命令，在打開的【作為庫打開】對話框中，選擇要作為外部庫的Flash文檔，然后單擊【