毋庸置疑，F(xiàn)lash 的發(fā)展推動了網(wǎng)絡(luò)的進(jìn)步，是Flash給了網(wǎng)絡(luò)活力與新鮮?，F(xiàn)在，Macromedia又給Flash MX 增加了Components UI（UI組件）。有了Components UI后，我們就可以設(shè)計功能更加強(qiáng)大的程序，也不必再象以前那樣笨拙地設(shè)計下拉菜單或是留言板的界面了。我們將會給大家詳細(xì)講解Components UI的功能、使用方法及使用技巧等。文章的最后，我們還會通過幾個實(shí)例地講解來幫助大家理解，消化我們所講的內(nèi)容。

其實(shí)，現(xiàn)在的組件就是對Flash5中的SmartClips（智能剪輯）進(jìn)行了功能增強(qiáng)，但它們都還只是一些擁有參數(shù)的影片剪輯。不過，與SmartClips不同的是MX中的組件也已經(jīng)有了自己的方法，新增的Properties面板也使我們能更加方便的對這些組件進(jìn)行設(shè)計。

現(xiàn)在，F(xiàn)lashMX中只有7個簡單的Components UI：CheckBox（復(fù)選框）、ComboBox（組合框）、ListBox（列表框）、PushButton（按鈕）、RadioButton（單選按鈕）、ScrollBar（滾動條），ScrollPane（擴(kuò)展組合框），如圖1所示。


圖1

在FlashMX中，我們可以使用單個的組件為一個界面提供服務(wù)。但更加可能的是，我們將會組合多個組件來制作各種復(fù)雜的菜單或是一些高級應(yīng)用程序等等。當(dāng)然，如果您愿意的話，您也可以改變組件的樣式或是替換它們。

開場就這樣吧，下面讓我們先來了解了解和組件相關(guān)的一些基本概念與知識。等大家有了地基（基礎(chǔ)知識），那萬丈高樓也就指日可待了。

1. 組件的概念

1.1 認(rèn)識組件

學(xué)過VC++的朋友對FlashMX中的組件可能有一種親切感。雖然我們不能象在VC++中那樣輕松地為控件添加成員函數(shù)，不過我們也不需要那些復(fù)雜的功能和函數(shù)，我們需要的只是一些更方便的能夠解決問題的方法，F(xiàn)lashMX中組件自帶的Methods（方法）可以為我們提供不少解決問題的手段。我們也可以看出FlashMX組件的功能主要還是面對網(wǎng)絡(luò)設(shè)計的。在VC中我們可以使用屬性面板輕松地設(shè)置控件，在FlashMX中我們也有了可提供方便設(shè)置的屬性面板，如圖2所示。


圖2 組件的屬性面板

每個組件都有自己的參數(shù)設(shè)置面板。按快捷鍵Ctrl+F3打開Parameters（參數(shù)設(shè)置）面板后，我們可以在面板中對組件的參數(shù)進(jìn)行設(shè)置。單擊Properties（屬性）切換到屬性面板后，我們還可以對組件進(jìn)行一般的設(shè)置，譬如我們可以選中一個組件，然后右鍵單擊它，選擇Edit命令，接著我們就可以設(shè)置這個組件的透明度或是顏色了。

添加組件
在FlashMX中的Window菜單下選擇Components命令，或是按快捷鍵Ctrl+F7打開庫面板，如圖3所示。


圖3 Components面板

用鼠標(biāo)左鍵按住Components面板中的組件，把它拖拽到場景中。這樣，我們就簡單地把組件添加到場景中了。然后您可以通過其參數(shù)設(shè)置面板來設(shè)定組件的參數(shù)。當(dāng)然，您也可以通過ActionScript來為組件設(shè)定參數(shù)，這個我們后面介紹。

現(xiàn)在，細(xì)心的朋友可能會問：為什么我的Components面板多出了ImageBox、Slider（Skin 1）和Slider（Skin 2）三個組件。其實(shí)，您要是想在您的Components面板中增加幾個組件并不是一件困難的事情。首先，您要先設(shè)計好您自己的組件，或是找到您所喜歡的組件，然后根據(jù)路徑Flash MX\First Run\Components找到FlashMX中組件存放的文件Flash UI Components.fla并雙擊它打開。接著，您只要把您的組件導(dǎo)入Flash UI Components.fla的庫中即可。最后重新開啟FlashMX，打開Components面板您就可以看見新的組件了。另外，不但是組件，我們還讓Components面板顯示影片剪輯，如圖4所示。但實(shí)際上這并無多大的意義，我只是順便給大家提一下。


圖4 顯示其它組件或符號