《網(wǎng)頁設計基礎教程與上機指導(第2版)》第19章：元件和組件

第19章 元件和組件,教學提示和教學目標 19.1 元件與實例 19.2 使用組件,教學提示和教學目標,教學提示：在Flash中，最主要的動畫元素是元件。元件包括3種類型圖形元件、按鈕元件和影片剪輯元件。不同的元件類型具備不同的特點，合理地使用元件是制作專業(yè)Flash動畫的關鍵。 在Flash 8中內(nèi)置了很多常用的組件。設計這些組件的目的就是為了讓開發(fā)人員重復使用和共享代碼，封裝復雜功能，使設計人員無需編寫ActionScript就能夠使用和自定義這些功能。有了這些內(nèi)置的組件，即使是初學者也能制作出簡單的應用程序。 教學目標： 熟悉元件和實例 掌握創(chuàng)建圖形元件 掌握創(chuàng)建影片剪輯元件 掌握創(chuàng)建按鈕元件 掌握創(chuàng)建元件的實例 掌握組件的使用 掌握使用元件創(chuàng)建百葉窗,19.1 元件與實例,19.1.1 創(chuàng)建圖形元件 19.1.2 創(chuàng)建影片剪輯元件 19.1.3 創(chuàng)建按鈕元件 19.1.4 創(chuàng)建元件的實例 19.1.5 編輯元件和實例,19.1.1 創(chuàng)建圖形元件,圖形元件是最簡單的Flash元件，它可以作為靜態(tài)圖片和動畫來使用。但是若圖形元件中含有動畫時，有自己的時間線，但其時間線必須與影片中的時間線同步，也就是說圖形元件中的動畫是捆綁在主時間軸上的，當影片停止時，圖形元件的動畫也停止了。創(chuàng)建圖形元件有兩種方法。 1. 直接創(chuàng)建圖形元件。 2. 將已有元素轉(zhuǎn)換為圖形元件,19.1.2 創(chuàng)建影片剪輯元件,創(chuàng)建影片剪輯元件的具體操作步驟如下。 (1)選擇【插入】|【新建元件】命令，彈出【創(chuàng)建新元件】對話框，如圖19.5所示。 (2)在對話框中的【名稱】文本框中輸入元件的名稱，在【類型】列表中選中【影片剪輯】單選按鈕，單擊【確定】按鈕，切換到影片剪輯編輯窗口，如圖19.6所示。 (3)根據(jù)需要，用戶可以在影片剪輯編輯窗口中進行編輯。 (4)完成元件內(nèi)容制作以后，選擇【編輯】|【編輯文檔】命令，返回場景窗口。,19.1.3 創(chuàng)建按鈕元件,按鈕是元件的一種，它可以根據(jù)可能出現(xiàn)的每一種狀態(tài)顯示不同的圖像、響應鼠標動作和執(zhí)行指定的行為。 按鈕有特殊的編輯環(huán)境，通過在4幀時間軸上創(chuàng)建關鍵幀，指定不同的按鈕狀態(tài)。 【彈起幀】：表示鼠標指針不在按鈕上時的狀態(tài)。 【指針經(jīng)過幀】：代表鼠標指針在按鈕上時的狀態(tài)。 【按下幀】：表示鼠標單擊按鈕時的狀態(tài)。 【單擊幀】：定義對鼠標單擊做出反應的區(qū)域，這個反應區(qū)域在影片中是看不見的。,19.1.4 創(chuàng)建元件的實例,元件創(chuàng)建完成以后，就可以在影片中的任何地方使用該元件的實例，但需要注意的是，影片剪輯實例的創(chuàng)建和包含動畫的圖形實例的創(chuàng)建是不同的，影片剪輯只需要一幀就可以播放動畫，但在編輯環(huán)境中不能演示動畫效果，而包含動畫的圖形實例，則必須在與其元件同樣長的幀中放置，才能顯示完整的動畫。,19.1.5 編輯元件和實例,1. 編輯元件 在對一個元件進行編輯時，舞臺和時間軸都會轉(zhuǎn)而顯示該元件對應的內(nèi)容。在Flash 8中，對一個元件進行編輯有3種方式，可以在元件實例中右擊，在彈出的快捷菜單中選擇【編輯】選項、【在當前位置編輯】選項或者【在新窗口中編輯】選項。無論選擇哪一種方式，時間軸只顯示該對象對應的時間軸。 【編輯】：可以改變舞臺的顯示內(nèi)容使它顯示元件對應的圖形。 【在當前位置編輯】：可以使舞臺上該元件對應的圖形以外的所有對象變暗。 【在新窗口中編輯】：可以把它放到一個單獨的窗口中進行編輯。 2. 編輯實例 在【顏色】下拉列表中有以下選項。 【無】：沒有效果 【亮度】：更改實例的亮度。 【色調(diào)】：更改實例的色調(diào)。 Alpha：更改實例的透明度。 【高級】：單擊【設置】按鈕，彈出【高級效果】對話框。,19.2 使 用 組 件,在Macromedia Flash Professional 8中使用組件有多種方法，可以使用【組件】面板來查看組件，并可以在創(chuàng)作過程中將組件添加到文檔中。在將組件添加到文檔中后，可以在【屬性】面板或【組件檢查器】面板中查看組件屬性。 1. 【組件】面板 所有組件都存儲在【組件】面板中，如圖19.13所示。 2. 【庫】面板中的組件 在將組件添加到文檔后，它將在【庫】面板中顯示為編輯剪輯元件(SWC)。 3. 創(chuàng)建組件的多個