欧美日韩精品在线,国内精品久久久久久久久,一级毛片恃级毛片直播,清纯唯美亚洲综合欧美色

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

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!

推薦:Flash MX2004入門與進階實例——文字和組件(4)
第八章文字字段和組件第二節(jié)組件(1)組件(Component)的概念是從FlashMX開始出現(xiàn)的,但其實在Flash5的時候已經(jīng)有了組件的雛形,在Flash5中,有一種非凡

第八章 文字字段和組件


第二節(jié) 組件(2)

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ù)默認,【屬性】面板如圖8-3-7所示。

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

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

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

on(click){

...

}

這里必須提醒你注重的是,這段代碼必須直接附加到一個CheckBox組件實例上。因此,我們選擇前面創(chuàng)建的復(fù)選框?qū)嵗缓笤凇緞幼鳌棵姘逯休斎肴缦碌某绦虼a:

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)整大小的矩形用戶界面按鈕。可以給按鈕添加一個自定義圖標(這個由參數(shù)中的icon確定的)。也可以將按鈕的行為從按下改為切換。在單擊切換按鈕后,它將保持按下狀態(tài),直到再次單擊時才會返回到彈起狀態(tài)(這由參數(shù)中的toggle確定)。

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

u label:設(shè)置按鈕上文本的值,默認值是“Button”。

u Icon:給按鈕添加自定義圖標。該值是庫中影片剪輯或圖形元件的鏈接標識符,沒有默認值。

u Toggle:將按鈕轉(zhuǎn)變?yōu)榍袚Q開關(guān)。假如值為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)建一個影片剪輯或圖形元件以用作圖標。元件坐標應(yīng)創(chuàng)建在(0,0)以在按鈕上獲得適當(dāng)?shù)牟季帧?/P>

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

圖8-3-9 定義鏈接標識符

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

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

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

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

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

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

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

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

u label:設(shè)置復(fù)選框上文本的值,默認值為CheckBox。

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

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

(3)組合框(ComboBox)組件

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

來源:設(shè)計前沿網(wǎng)上收集//所屬分類:Flash教程/更新時間:2008-03-05
相關(guān)Flash教程