Flash MX2004入門與進階實例——文字和組件(5)_Flash教程
推薦:Flash MX2004入門與進階實例——文字和組件(4)第八章文字字段和組件第二節(jié)組件(1)組件(Component)的概念是從FlashMX開始出現(xiàn)的,但其實在Flash5的時候已經(jīng)有了組件的雛形,在Flash5中,有一種非凡
第八章 文字字段和組件
2.用動作腳本控制組件
用Action對組件進一步編程控制的方法主要有兩種:使用on處理函數(shù)、使用一個調度程序/偵聽器事件模型。前一種方法是Flash傳統(tǒng)的編程思路,很輕易理解和把握,適合初學者使用。后一種方法是Flash提倡使用的編程思路,這種方法更符合面向對象的編程特性,程序更安全,功能更強大。
Flash MX 2004提供的UI組件大部分都具有click事件,下面就以復選框組件(CheckBox)為例,討論一下利用click事件進一步編程控制復選框組件實例的兩種方法。
(1)創(chuàng)建復選框組件實例
打開【組件】面板,將其中的復選框組件(CheckBox)拖放一個到場景上,保持這個實例處于被選中狀態(tài),在【屬性】面板中,定義該實例的名稱為“復選框實例1”。
(2)設置復選框實例參數(shù)
在【屬性】面板中,單擊【參數(shù)】按鈕。更改【Label】參數(shù)為“復選框”,其他參數(shù)默認,【屬性】面板如圖8-3-7所示。

圖8-3-7 設置復選框實例屬性和參數(shù)
(3)使用on處理函數(shù)編程
對于復選框組件的click事件,使用on處理函數(shù)編程控制的一般形式為:
on(click){
...
}
這里必須提醒你注重的是,這段代碼必須直接附加到一個CheckBox組件實例上。因此,我們選擇前面創(chuàng)建的復選框實例,然后在【動作】面板中輸入如下的程序代碼:
on(click){
track("復選框組件實例被單擊了一下");
}
現(xiàn)在我們測試一下影片,在測試窗口中單擊復選框,則馬上彈出一個【輸出】面板,如圖8-3-8所示。

圖8-3-8 運行結果
(4)使用一個調度程序/偵聽器事件模型編程
假如不用on函數(shù),而用第二種方法,編程的一般形式為:
listenerObject = new Object();//先定義一個偵聽器對象
listenerObject.click = function(eventObject){ //為偵聽器對象上的 click 事件定義一個函數(shù)
...//函數(shù)內(nèi)部可以通過eventObject對象的各種屬性和方法來響應click事件
}
Instance.addEventListener("click", listenerObject)// 將偵聽器對象注冊到實例。當該實例調度該事件時,就會調用該偵聽器對象。
用第二種方法實現(xiàn)前面第(3)步同樣的結果,具體方法是(以下操作緊接著第(2)步進行):
選擇時間軸第1幀,在【動作】面板中定義如下的程序代碼:
form=new Object();//定義一個名字為form的偵聽器對象
form.click=function(){//為偵聽器對象定義一個函數(shù)
trace("復選框組件實例被單擊了一下");
}
復選框實例1.addEventListener("click",form);// 將偵聽器對象form注冊到復選框實例1。當復選框實例1被單擊時,就會調用偵聽器對象form。
3.UI組件詳解
Flash MX 2004包括14個UI組件,下面將分別討論這些組件的功能以及這些組件常用的參數(shù)。
(1)按鈕(Button)組件
按鈕是任何表單或Web應用程序的一個基礎部分。每當你需要讓用戶啟動一個事件時,都可以使用按鈕。例如,大多數(shù)表單都有“提交”按鈕,你也可以給演示文稿添加“前一個”和“后一個”按鈕。
Button組件是一個可調整大小的矩形用戶界面按鈕。可以給按鈕添加一個自定義圖標(這個由參數(shù)中的icon確定的)。也可以將按鈕的行為從按下改為切換。在單擊切換按鈕后,它將保持按下狀態(tài),直到再次單擊時才會返回到彈起狀態(tài)(這由參數(shù)中的toggle確定)。
在【屬性】面板中可以設置Button組件的參數(shù)有:
u label:設置按鈕上文本的值,默認值是“Button”。
u Icon:給按鈕添加自定義圖標。該值是庫中影片剪輯或圖形元件的鏈接標識符,沒有默認值。
u Toggle:將按鈕轉變?yōu)榍袚Q開關。假如值為true,則按鈕在按下后保持按下狀態(tài),直到再次按下時才返回到彈起狀態(tài)。假如值為false,則按鈕的行為就像一個普通按鈕;默認值為false。
u Selected:假如切換參數(shù)的值是true,則該參數(shù)指定是按下(true)還是釋放(false)按鈕。默認值為 false。
u LabelPlacement:確定按鈕上的標簽文本相對于圖標的方向。該參數(shù)可以是下列四個值之一:left、right、top或bottom,默認值是right。
利用Icon參數(shù)可以給按鈕添加一個圖標,具體步驟如下:
步驟1 你需要選擇或創(chuàng)建一個影片剪輯或圖形元件以用作圖標。元件坐標應創(chuàng)建在(0,0)以在按鈕上獲得適當?shù)牟季帧?/P>
步驟2 在【庫】面板中,用鼠標右鍵單擊圖標元件,在彈出的快捷菜單中選擇【鏈接】命令,打開【鏈接】對話框,輸入一個鏈接標識符,如圖8-3-9所示。

圖8-3-9 定義鏈接標識符
步驟3 在【屬性】面板中,定義【icon】參數(shù)值為“tubiao1”,這個值就是前面步驟定義的鏈接標識符。
說明:假如圖標比按鈕大,那么當你測試影片時,會發(fā)現(xiàn)它將會延伸到按鈕的邊框外。
(2)復選框(CheckBox)組件
復選框是任何表單或 Web 應用程序中的一個基礎部分。每當需要收集一組非相互排斥的true或false值時,都可以使用復選框。例如,一個收集客戶個人信息的表單可能有一個愛好列表供客戶選擇,每個愛好的旁邊都有一個復選框。
復選框組件是一個可以選中或取消選中的方框。當它被選中后,框中會出現(xiàn)一個復選標記。你可以為復選框添加一個文本標簽,并可以將它放在左側、右側、頂部或底部。
可以在應用程序中啟用或者禁用復選框。假如復選框已啟用,并且用戶單擊它或者它的標簽,復選框會接收輸入焦點并顯示為按下狀態(tài)。假如用戶在按下鼠標按鈕時將指針移到復選框或其標簽的邊界區(qū)域之外,則組件的外觀會返回到其最初狀態(tài),并保持輸入焦點。在組件上釋放鼠標之前,復選框的狀態(tài)不會發(fā)生變化。另外,復選框有兩種禁用狀態(tài):選中和取消選中,這兩種狀態(tài)不答應鼠標或鍵盤的交互操作。
假如復選框被禁用,它會顯示其禁用狀態(tài),而不管用戶的交互操作。在禁用狀態(tài)下,按鈕不接收鼠標或鍵盤輸入。
在【屬性】面板中可以設置CheckBox組件的參數(shù)有:
u label:設置復選框上文本的值,默認值為CheckBox。
u Selected:將復選框的初始值設為選中 (true) 或取消選中 (false)。
u LabelPlacement:確定復選框上標簽文本的方向,該參數(shù)可以是下列四個值之一:left、right、top 或 bottom,默認值是right。
(3)組合框(ComboBox)組件
在任何需要從列表中選擇一項的表單或應用程序中,你都可以使用 ComboBox 組件。例如,你可以在客戶地址表單中提供一個省/市的下拉列表,如圖8-3-10所示。對于比較復雜的情況,你可以使用可編輯的組合框。例如,在一個駕駛方向應用程序中,你可以使用一個可編輯的組合框來讓用戶輸入出發(fā)地址和目標地址。下拉列表可以包含用戶以前輸入過的地址。

圖8-3-10 下拉列表
分享:Flash MX2004入門與進階實例——文字和組件(3)第八章文字字段和組件第一節(jié)動態(tài)文本和輸入文本(3)步驟2創(chuàng)建動態(tài)文本在【文本顯示】圖層,我們要創(chuàng)建有三個靜態(tài)文本框和一個動態(tài)文本框,效果如圖8-1-7所
- 相關鏈接:
- 教程說明:
Flash教程-Flash MX2004入門與進階實例——文字和組件(5)
。