2．用動(dòng)作腳本控制組件

用Action對(duì)組件進(jìn)一步編程控制的方法主要有兩種：使用on處理函數(shù)、使用一個(gè)調(diào)度程序/偵聽(tīng)器事件模型。前一種方法是Flash傳統(tǒng)的編程思路，很輕易理解和把握，適合初學(xué)者使用。后一種方法是Flash提倡使用的編程思路，這種方法更符合面向?qū)ο蟮木幊烫匦�，程序更安全，功能更�?qiáng)大。

Flash MX 2004提供的UI組件大部分都具有click事件，下面就以復(fù)選框組件（CheckBox）為例，討論一下利用click事件進(jìn)一步編程控制復(fù)選框組件實(shí)例的兩種方法。

（1）創(chuàng)建復(fù)選框組件實(shí)例

打開(kāi)【組件】面板，將其中的復(fù)選框組件（CheckBox）拖放一個(gè)到場(chǎng)景上，保持這個(gè)實(shí)例處于被選中狀態(tài)，在【屬性】面板中，定義該實(shí)例的名稱(chēng)為“復(fù)選框?qū)嵗?”。

（2）設(shè)置復(fù)選框?qū)嵗齾��?shù)

在【屬性】面板中，單擊【參數(shù)】按鈕。更改【Label】參數(shù)為“復(fù)選框”，其他參數(shù)默認(rèn)，【屬性】面板如圖8-3-7所示。

圖8-3-7 設(shè)置復(fù)選框?qū)嵗龑傩院蛥��?shù)

（3）使用on處理函數(shù)編程

對(duì)于復(fù)選框組件的click事件，使用on處理函數(shù)編程控制的一般形式為：

on(click){

...

}

這里必須提醒你注重的是，這段代碼必須直接附加到一個(gè)CheckBox組件實(shí)例上。因此，我們選擇前面創(chuàng)建的復(fù)選框?qū)嵗�，然后在【�?dòng)作】面板中輸入如下的程序代碼：

on(click){

track("復(fù)選框組件實(shí)例被單擊了一下");

}

現(xiàn)在我們測(cè)試一下影片，在測(cè)試窗口中單擊復(fù)選框，則馬上彈出一個(gè)【輸出】面板，如圖8-3-8所示。

圖8-3-8 運(yùn)行結(jié)果

（4）使用一個(gè)調(diào)度程序/偵聽(tīng)器事件模型編程

假如不用on函數(shù)，而用第二種方法，編程的一般形式為：

listenerObject = new Object();//先定義一個(gè)偵聽(tīng)器對(duì)象

listenerObject.click = function(eventObject){ //為偵聽(tīng)器對(duì)象上的 click 事件定義一個(gè)函數(shù)

...//函數(shù)內(nèi)部可以通過(guò)eventObject對(duì)象的各種屬性和方法來(lái)響應(yīng)click事件

}

Instance.addEventListener("click", listenerObject)// 將偵聽(tīng)器對(duì)象注冊(cè)到實(shí)例。當(dāng)該實(shí)例調(diào)度該事件時(shí)，就會(huì)調(diào)用該偵聽(tīng)器對(duì)象。

用第二種方法實(shí)現(xiàn)前面第（3）步同樣的結(jié)果，具體方法是（以下操作緊接著第（2）步進(jìn)行）：

選擇時(shí)間軸第1幀，在【動(dòng)作】面板中定義如下的程序代碼：

form=new Object();//定義一個(gè)名字為form的偵聽(tīng)器對(duì)象

form.click=function(){//為偵聽(tīng)器對(duì)象定義一個(gè)函數(shù)

trace("復(fù)選框組件實(shí)例被單擊了一下");

}

復(fù)選框?qū)嵗?.addEventListener("click",form);// 將偵聽(tīng)器對(duì)象form注冊(cè)到復(fù)選框?qū)嵗?。當(dāng)復(fù)選框?qū)嵗?被單擊時(shí)，就會(huì)調(diào)用偵聽(tīng)器對(duì)象form。

3．UI組件詳解

Flash MX 2004包括14個(gè)UI組件，下面將分別討論這些組件的功能以及這些組件常用的參數(shù)。

（1）按鈕（Button）組件

按鈕是任何表單或Web應(yīng)用程序的一個(gè)基礎(chǔ)部分。每當(dāng)你需要讓用戶(hù)啟動(dòng)一個(gè)事件時(shí)，都可以使用按鈕。例如，大多數(shù)表單都有“提交”按鈕，你也可以給演示文稿添加“前一個(gè)”和“后一個(gè)”按鈕。

Button組件是一個(gè)可調(diào)整大小的矩形用戶(hù)界面按鈕�？梢越o按鈕添加一個(gè)自定義圖標(biāo)（這個(gè)由參數(shù)中的icon確定的）。也可以將按鈕的行為從按下改為切換。在單擊切換按鈕后，它將保持按下?tīng)顟B(tài)，直到再次單擊時(shí)才會(huì)返回到彈起狀態(tài)（這由參數(shù)中的toggle確定）。

在【屬性】面板中可以設(shè)置Button組件的參數(shù)有：

u label：設(shè)置按鈕上文本的值，默認(rèn)值是“Button”。

u Icon：給按鈕添加自定義圖標(biāo)。該值是庫(kù)中影片剪輯或圖形元件的鏈接標(biāo)識(shí)符，沒(méi)有默認(rèn)值。

u Toggle：將按鈕轉(zhuǎn)變?yōu)榍袚Q開(kāi)關(guān)。假如值為true，則按鈕在按下后保持按下?tīng)顟B(tài)，直到再次按下時(shí)才返回到彈起狀態(tài)。假如值為false，則按鈕的行為就像一個(gè)普通按鈕；默認(rèn)值為false。

u Selected：假如切換參數(shù)的值是true，則該參數(shù)指定是按下(true)還是釋放(false)按鈕。默認(rèn)值為 false。

u LabelPlacement：確定按鈕上的標(biāo)簽文本相對(duì)于圖標(biāo)的方向。該參數(shù)可以是下列四個(gè)值之一：left、right、top或bottom，默認(rèn)值是right。

利用Icon參數(shù)可以給按鈕添加一個(gè)圖標(biāo)，具體步驟如下：

步驟1 你需要選擇或創(chuàng)建一個(gè)影片剪輯或圖形元件以用作圖標(biāo)。元件坐標(biāo)應(yīng)創(chuàng)建在（0，0）以在按鈕上獲得適當(dāng)?shù)牟季帧?/P>

步驟2 在【庫(kù)】面板中，用鼠標(biāo)右鍵單擊圖標(biāo)元件，在彈出的快捷菜單中選擇【鏈接】命令，打開(kāi)【鏈接】對(duì)話(huà)框，輸入一個(gè)鏈接標(biāo)識(shí)符，如圖8-3-9所示。

圖8-3-9 定義鏈接標(biāo)識(shí)符

步驟3 在【屬性】面板中，定義【icon】參數(shù)值為“tubiao1”，這個(gè)值就是前面步驟定義的鏈接標(biāo)識(shí)符。

說(shuō)明：假如圖標(biāo)比按鈕大，那么當(dāng)你測(cè)試影片時(shí)，會(huì)發(fā)現(xiàn)它將會(huì)延伸到按鈕的邊框外。

（2）復(fù)選框（CheckBox）組件

復(fù)選框是任何表單或 Web 應(yīng)用程序中的一個(gè)基礎(chǔ)部分。每當(dāng)需要收集一組非相互排斥的true或false值時(shí)，都可以使用復(fù)選框。例如，一個(gè)收集客戶(hù)個(gè)人信息的表單可能有一個(gè)愛(ài)好列表供客戶(hù)選擇，每個(gè)愛(ài)好的旁邊都有一個(gè)復(fù)選框。

復(fù)選框組件是一個(gè)可以選中或取消選中的方框。當(dāng)它被選中后，框中會(huì)出現(xiàn)一個(gè)復(fù)選標(biāo)記。你可以為復(fù)選框添加一個(gè)文本標(biāo)簽，并可以將它放在左側(cè)、右側(cè)、頂部或底部。

可以在應(yīng)用程序中啟用或者禁用復(fù)選框。假如復(fù)選框已啟用，并且用戶(hù)單擊它或者它的標(biāo)簽，復(fù)選框會(huì)接收輸入焦點(diǎn)并顯示為按下?tīng)顟B(tài)。假如用戶(hù)在按下鼠標(biāo)按鈕時(shí)將指針移到復(fù)選框或其標(biāo)簽的邊界區(qū)域之外，則組件的外觀(guān)會(huì)返回到其最初狀態(tài)，并保持輸入焦點(diǎn)。在組件上釋放鼠標(biāo)之前，復(fù)選框的狀態(tài)不會(huì)發(fā)生變化。另外，復(fù)選框有兩種禁用狀態(tài)：選中和取消選中，這兩種狀態(tài)不答應(yīng)鼠標(biāo)或鍵盤(pán)的交互操作。

假如復(fù)選框被禁用，它會(huì)顯示其禁用狀態(tài)，而不管用戶(hù)的交互操作。在禁用狀態(tài)下，按鈕不接收鼠標(biāo)或鍵盤(pán)輸入。

在【屬性】面板中可以設(shè)置CheckBox組件的參數(shù)有：

u label：設(shè)置復(fù)選框上文本的值，默認(rèn)值為CheckBox。

u Selected：將復(fù)選框的初始值設(shè)為選中 (true) 或取消選中 (false)。

u LabelPlacement：確定復(fù)選框上標(biāo)簽文本的方向，該參數(shù)可以是下列四個(gè)值之一：left、right、top 或 bottom，默認(rèn)值是right。

（3）組合框（ComboBox）組件

在任何需要從列表中選擇一項(xiàng)的表單或應(yīng)用程序中，你都可以使用 ComboBox 組件。例如，你可以在客戶(hù)地址表單中提供一個(gè)省/市的下拉列表，如圖8-3-10所示。對(duì)于比較復(fù)雜的情況，你可以使用可編輯的組合框。例如，在一個(gè)駕駛方向應(yīng)用程序中，你可以使用一個(gè)可編輯的組合框來(lái)讓用戶(hù)輸入出發(fā)地址和目標(biāo)地址。下拉列表可以包含用戶(hù)以前輸入過(guò)的地址。

圖8-3-10 下拉列表