Flash MX2004入門與進階實例——文字和組件(5)_Flash教程

2．用動作腳本控制組件

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

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

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

打開【組件】面板，將其中的復(fù)選框組件（CheckBox）拖放一個到場景上，保持這個實例處于被選中狀態(tài)，在【屬性】面板中，定義該實例的名稱為“復(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ù)編程

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

on(click){

...

}

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

on(click){

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

}

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

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

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

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

listenerObject = new Object();//先定義一個偵聽器對象

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

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

}

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

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

選擇時間軸第1幀，在【動作】面板中定義如下的程序代碼：

form=new Object();//定義一個名字為form的偵聽器對象

form.click=function(){//為偵聽器對象定義一個函數(shù)

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

}

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

3．UI組件詳解

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

（1）按鈕（Button）組件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（3）組合框（ComboBox）組件

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

圖8-3-10 下拉列表