FlashCS6中文版基礎(chǔ)教程：第21章 使用組件

1第21章使用組件Flash組件是使用Flash創(chuàng)建并編譯成SWC文件的小的應(yīng)用程序，F(xiàn)lash中包括了一個(gè)大型的組件集。組件的范圍包括從簡(jiǎn)單的窗口小部件到復(fù)雜的應(yīng)用程序(比如照片圖庫(kù)、調(diào)查表、圖表引擎或文本編輯器)。因?yàn)榻M件能夠拖入到Flash文檔中，并且通過(guò)修改參數(shù)或是用少量的動(dòng)作腳本就能立刻為網(wǎng)站增加功能。即使是對(duì)腳本語(yǔ)言沒(méi)有深入研究的人，也能創(chuàng)建一個(gè)復(fù)雜的Flash，所以它非常有用。本章主要講述如何使用Flash的多個(gè)組件。221.1組件的下載和安裝FlashProfessionalCS6組件是帶參數(shù)的影片剪輯，可以修改它們的外觀和行為。組件可以是一個(gè)簡(jiǎn)單的用戶界面控件(如RadioButton或CheckBox)，也可以包含內(nèi)容(如List或DataGrid)。使用組件可以方便而快速地構(gòu)建功能強(qiáng)大且具有一致外觀和行為的應(yīng)用程序。即使對(duì)動(dòng)作腳本3.0沒(méi)有深入的理解，也可以使用動(dòng)作腳本3.0組件快速地構(gòu)建應(yīng)用程序。只需要將組件從【組件】面板拖曳到應(yīng)用程序文檔中，就可以實(shí)現(xiàn)自定義按鈕、組合框和列表等控件。除了FlashCS6自帶的組件外，“應(yīng)用程序編程接口”(APl)還允許用戶創(chuàng)建自己定義的組件。另外還可以從互聯(lián)網(wǎng)上下載其他Flash愛(ài)好者構(gòu)建的組件，將其安裝到本地計(jì)算機(jī)中。321.1.1FlashCS6自帶的組件類(lèi)型視頻組件包括以下3個(gè)組件。1.FLVPlayback組件(fl.video.FLVPlayback)用于將視頻播放器包括在Flash應(yīng)用程序中，是基于SWC的組件。2.FLVPlayback自定義UI組件基于FLA，同時(shí)用于FLVPlayback組件的ActionScript2.0和ActionScript3.0版本。3.FLVPlaybackCaptioning組件為FLVPlayback提供關(guān)閉的字幕。421.1.2查看Flash組件在F1ashCS6中，可以在【組件】面板中查看動(dòng)作腳本3.0組件，如圖21-1所示。521.1.3組件的下載和安裝還可以從AdobeExchanSe(http：///go/Flash_exchange_cn)或是其他互聯(lián)網(wǎng)資源上下載其他組件。要將下載的組件安裝到本地計(jì)算機(jī)中，首先要安裝AdobeExtensionManager1.8擴(kuò)展管理器，下載地址為：/go/exchange/exchange_cn。在本地計(jì)算機(jī)上安裝組件的具體步驟如下。(1)退出Flash。(2)將包含組件的SWC或PLA文件放在硬盤(pán)上的以下文件夾中。在Windows中的C：\ProgramFiles\AdobeFlashCS5\zh_cn\configuration\Components下。在MacIntosh上MacintoshHD：Applications：AdobeFlashCS5：Configuration：Components。(3)啟動(dòng)F1ash。(4)如果【組件】面板尚未打開(kāi)，則選擇【窗口】|【組件】菜單命令將其打開(kāi)，在打開(kāi)的【組件】面板中查看組件。621.2使用組件在Flash創(chuàng)作環(huán)境中，可以使用組件在文件中添加交互、特效或者公用用戶界面元素。組件可以幫助設(shè)計(jì)者在不能使用動(dòng)作腳本編程的SWF文件中添加功能。設(shè)計(jì)者可以簡(jiǎn)單地拖曳元素至舞臺(tái)，然后修改參數(shù)、編寫(xiě)少量的動(dòng)作腳本來(lái)使組件以相當(dāng)復(fù)雜的方式工作。組件可以幫助Flash用戶迅速地創(chuàng)建應(yīng)用程序，或者創(chuàng)建能夠可以相對(duì)輕松地進(jìn)行重用的元素。組件可以將應(yīng)用程序的設(shè)計(jì)過(guò)程和編碼過(guò)程分開(kāi)。通過(guò)使用組件，開(kāi)發(fā)人員可以創(chuàng)建設(shè)計(jì)人員在應(yīng)用程序中能用到的功能。開(kāi)發(fā)人員可以將常用功能封裝到組件中，而設(shè)計(jì)人員可以通過(guò)更改組件的參數(shù)來(lái)自定義組件的大小、位置和行為。通過(guò)編輯組件的圖形元素或外觀，還可以更改組件的外觀。組件之間共享核心功能，如樣式、外觀和焦點(diǎn)管理。將第一個(gè)組件添加至應(yīng)用程序時(shí)，此核心功能大約占用20千字節(jié)的大小。當(dāng)添加其他組件時(shí)，添加的組件會(huì)共享初始分配的內(nèi)存，降低應(yīng)用程序大小的增長(zhǎng)。本部分概括介紹了ActionScript3.0組件的一些優(yōu)點(diǎn)。721.2使用組件ActionScript3.0的強(qiáng)大功能提供了一種強(qiáng)大的、面向?qū)ο蟮木幊陶Z(yǔ)言，這是FlashPlayer功能發(fā)展過(guò)程中重要的一步?；赑laceStateFLA的用戶界面組件提供對(duì)外觀的輕松訪問(wèn)，以便在創(chuàng)作時(shí)進(jìn)行方便的自定義。這些組件還提供樣式(包括外觀樣式)，可以利用樣式來(lái)自定義組件的某些外觀，并在運(yùn)行時(shí)加載外觀。新的FVLPlayback組件添加FLVPlaybackCaptioning組件及全屏支持、改進(jìn)的實(shí)時(shí)預(yù)覽、允許添加顏色和Alpha設(shè)置的外觀，以及改進(jìn)的FLV下載和布局功能?！緦傩浴繖z查器面板和【組件】面板允許在Flash中進(jìn)行創(chuàng)作時(shí)更改組件參數(shù)。便于擴(kuò)展的類(lèi)層次體系結(jié)構(gòu)使用ActionScript3.0，可以創(chuàng)建唯一的命名空間，按需要導(dǎo)入類(lèi)，并且可以方便地創(chuàng)建子類(lèi)來(lái)擴(kuò)展組件。821.2.1組件面板可以按以下步驟在【組件】面板中查看FlashActionScript3.0組件。(1)啟動(dòng)Flash。創(chuàng)建新的Flash文件(ActionScript3.0)或打開(kāi)現(xiàn)有的Flash文檔(其【發(fā)布設(shè)置】中指定了ActionScript3.0)，如圖21-2所示。(2)如果【組件】面板沒(méi)有打開(kāi)，可以選擇【窗口】|【組件】菜單命令將其打開(kāi)，如圖21-3所示。(3)用戶界面組件和視頻組件分別顯示以節(jié)省空間?！窘M件】面板包含顯示的所有組件，如圖21-4所示。921.2.1組件面板下面我們分別簡(jiǎn)要列出一些組件。1.Button2.CheckBox3.DataGrid4.Label5.List6.NumericStepper7.ProgressBar8.RadioButton9.ScrollPane10.TextArea11.TextInput1021.2.2添加組件1.向Flash文檔中添加組件2.使用ActionScript在運(yùn)行時(shí)添加組件3.使用ActionScript向Flash文檔中添加組件(1)將組件從【組件】面板拖曳到當(dāng)前文檔的【庫(kù)】面板中。(2)在時(shí)間軸中選擇一幀放置要添加的組件。(3)調(diào)用createClassObject()，以便在運(yùn)行時(shí)創(chuàng)建組件實(shí)例。1121.2.3設(shè)置組件參數(shù)1.在【屬性】面板中輸入組件的實(shí)例名稱2.在【屬性】檢查器面板中輸入組件實(shí)例的參數(shù)1221.2.4編輯組件1.調(diào)整組件大小2.從Flash

文檔中刪除組件3.從文檔中刪除組件1321.3上機(jī)實(shí)踐操作本范例源文件：\21\背景.jpg。本范例完成文件：\21\個(gè)人信息簿.fla。多媒體教學(xué)路徑：光盤(pán)→多媒體教學(xué)→第21章。1421.3.1實(shí)例介紹和展示本例通過(guò)運(yùn)用【新建圖層】按鈕、【文字工具】、【組件】面板、【屬性】檢查器面板等命令制作一個(gè)個(gè)人信息簿，如圖21-15所示。1521.3.2新建文件并輸入文字(1)創(chuàng)建一個(gè)新的Flash文件(ActionScript3.0)，重命名為“個(gè)人信息簿”，如圖21-16所示。(2)將【圖層1】重命名為“背景”。將文件夾中的背景圖片導(dǎo)入舞臺(tái)中，如圖21-17所示。1621.3.2新建文件并輸入文字(3)單擊【時(shí)間軸】面板下方的【新建圖層】按鈕，新建一個(gè)圖層，并重命名為“文字”，如圖21-18所示。(4)單擊【文字】圖層的第1幀，在舞臺(tái)適當(dāng)?shù)奈恢幂斎胛淖?包括姓名、性別、出生日期等)，如圖21-19所示。1721.3.3添加組件(1)新建一個(gè)圖層，重命名為“組件”，如圖21-20所示。(2)首先制作“姓名”的文本框。選擇【窗口】|【組件】菜單命令，在彈出的【組件】面板中選擇組合框(TextInput)組件，將其拖曳到舞臺(tái)上，如圖21-21所示。(3)選擇【窗口】|【屬性】菜單命令，打開(kāi)【屬性】檢查器面板，修改【實(shí)例名稱】為“xingming”，如圖21-22所示。1821.3.3添加組件(4)制作“出生日期”的數(shù)值選擇框。在【組件】面板中選擇3個(gè)NumericStepper組件，將其拖曳到舞臺(tái)上，在【屬性】檢查器面板中，分別修改【實(shí)例名稱】為“nian”、“yue”和“ri”，分別設(shè)置minimum和maximum的值，如圖21-23所示。(5)制作【性別】后面的單選按鈕。在【組件】面板中拖曳兩個(gè)RadioButton組件到舞臺(tái)上。在【屬性】檢查器面板中，分別修改【實(shí)例名稱】為“nan”和“nv”，groupNamen都為sex，Label分別為“男”和“女”，啟用Selected復(fù)選框，如圖21-24所示。1921.3.3添加組件(6)下面制作“愛(ài)好”后面的復(fù)選框。在【組件】面板中拖曳5個(gè)CheckBox組件到舞臺(tái)上。在【屬性】檢查器面板中，修改【實(shí)例名稱】分別為“aihao1”、“aihao2”、“aihao3”、“aihao4”、“aihao5”，在lable文本框中分別輸入“唱歌”、“乒乓球”、“足球”、“跳舞”、“畫(huà)畫(huà)”，如圖21-25所示。(7)制作“郵箱”后面的文本框。在【組件】面板中選擇TextInput組件，將其拖曳到舞臺(tái)上，在【屬性】檢查器面板中修改【實(shí)例名稱】為“youxiang”，如圖21-26所示。2021.3.3添加組件(8)制作“所在地區(qū)”后面的下拉列表框。在【組件】面板中選擇ComboBox組件將其拖曳到舞臺(tái)上，在【屬性】檢查器面板中修改【實(shí)例名稱】為“diqu”。單擊dataProvider后面的中括號(hào)，在彈出的【值】對(duì)話框中輸入文字，如圖21-27所示。(9)制作“地址”后面的文本框。在【組件】面板中選擇TextInput組件，將其拖曳到舞臺(tái)上，在【屬性】檢查器面板中修改【實(shí)例名稱】為“dizhi”，如圖21-28所示。2121.3.3添加組件(10)制作“留言”后面的文本框。在【組件】面板中選擇TextArea組件，將其拖曳到舞臺(tái)上，在【屬性】檢查器面板中修改【實(shí)例名稱】