組件（Component）的概念是從Flash MX開始出現(xiàn)的，但其實(shí)在Flash 5的時(shí)候已經(jīng)有了組件的雛形，在Flash 5中，有一種非凡的影片剪輯，能通過參數(shù)面板設(shè)置它的功能，稱為Smart Clip（SMC）。可以將具備完整功能的程序（例如，測(cè)試類課件經(jīng)常要使用的定時(shí)器、多場(chǎng)景課件控制模塊中使用的菜單接口等）包裝在影片剪輯中，并且提供一種能夠調(diào)整此影片剪輯屬性的接口（例如，設(shè)置定時(shí)器的終止時(shí)間），以后當(dāng)某個(gè)影片需要用到這些功能，只要把SMC拖放到舞臺(tái)，并調(diào)整它的屬性，讓它符合你的需要，而不需要了解程序的實(shí)際內(nèi)容。

組件是SMC的改良品，除了參數(shù)設(shè)置接口之外，組件還具備一些讓程序調(diào)用的方法。Flash MX 2004提供了更為強(qiáng)大的組件功能，利用它內(nèi)置的UI（用戶界面）組件，我們可以創(chuàng)建功能強(qiáng)大、效果豐富的程序界面。如圖8-3-1所示就是一個(gè)用UI組件制作的程序交互界面。

圖8-3-1 利用UI組件制作的程序交互界面

Flash MX 2004專業(yè)版內(nèi)置了更多的組件類型，除了UI組件以外（專業(yè)版比普通版多了7個(gè)UI組件對(duì)象），還提供了數(shù)據(jù)組件和媒體組件類型。

本書作為Flash MX 2004初級(jí)教程，我們只討論UI組件（不包括專業(yè)版的UI組件）的相關(guān)內(nèi)容。

1．添加和設(shè)置組件的方法

Flash在【組件】面板中存儲(chǔ)和治理組件，在Flash MX 2004工作區(qū)的默認(rèn)布局下，【組件】面板顯示在面板組中。執(zhí)行【窗口】|【開發(fā)面板】|【組件】命令可以打開或者關(guān)閉【組件】面板，打開后的【組件】面板如圖8-3-2所示。

圖8-3-2 【組件】面板 圖8-3-3 【組件檢查器】面板

另外，F(xiàn)lash MX 2004還新提供了一個(gè)【組件檢查器】面板，執(zhí)行【窗口】|【開發(fā)面板】|【組件檢查器】命令可以打開它，如圖8-3-3所示。當(dāng)將一個(gè)組件實(shí)例拖放到場(chǎng)景中以后，在【組件檢查器】面板中可以設(shè)置和查看該實(shí)例的信息。

（1）引用組件和設(shè)置組件參數(shù)

與引用【庫】面板中的元件一樣，組件的引用方法很簡單，用鼠標(biāo)將【組件】面板中的組件拖放到場(chǎng)景上即可。這時(shí)場(chǎng)景上的對(duì)象就是拖放的組件的實(shí)例。

引用到場(chǎng)景上的組件實(shí)例，通常都需要先設(shè)置它的屬性和參數(shù)。例如，單擊如圖8-3-1所示的“提交”按鈕組件實(shí)例，打開【屬性】面板，單擊其中的【參數(shù)】按鈕，你可以看到如圖8-3-4所示的設(shè)置。

圖8-3-4 設(shè)置組件實(shí)例的參數(shù)

從圖8-3-4我們可以看出，在【屬性】面板中可以設(shè)置所選組件實(shí)例的屬性和參數(shù)。另外還可以在【組件檢查器】面板中設(shè)置組件實(shí)例的參數(shù)，在這里提供了更豐富、更專業(yè)的組件設(shè)置方法。

（2）更改組件外形和刪除組件

在Flash MX 2004中，組件實(shí)例的外形可以通過【任意變形工具】來實(shí)現(xiàn)，如圖8-3-5所示，我們用【任意變形工具】將一個(gè)按鈕組件實(shí)例的寬度和高度都進(jìn)行了拉長操作。

圖8-3-5 變形組件實(shí)例

以前在Flash MX中，將一個(gè)組件引用到場(chǎng)景上后，還可以通過對(duì)【庫】面板中的對(duì)應(yīng)元件進(jìn)行編輯，從而達(dá)到修改組件實(shí)例外形的目的。但是在Flash MX 2004中，這種辦法行不通了，目前Flash MX 2004包含的組件不再是FLA文件（Flash MX中包含的組件是FLA文件），而是一種新的文件類型——SWC文件，SWC是導(dǎo)出的已經(jīng)編譯的剪輯，它是用于組件的Macromedia文件格式。在從【組件】面板將組件添加到舞臺(tái)上時(shí)，就會(huì)將編譯剪輯元件添加到【庫】面板中，如圖8-3-6所示。

圖8-3-6 添加到【庫】中的編譯剪輯

在刪除組件實(shí)例時(shí)，除了將場(chǎng)景上的組件實(shí)例刪除外，還要打開【庫】面板，將其中的編譯剪輯也刪除掉。