Flash MX2004入門與進階實例——文字和組件(7)_Flash教程
推薦:Flash MX2004入門與進階實例——文字和組件(6)第八章文字字段和組件第二節組件(3)組合框組件由三個子組件組成,它們是:Button組件、TextInput組件和List組件。組合框組件可以是靜態的,也可以是可編輯
第八章 文字字段和組件第二節 組件(4)
NumericStepper組件答應用戶逐個通過一組經過排序的數字。該組件由顯示在上下箭頭按鈕旁邊的數字組成。當你按下上下箭頭按鈕時,數字將根據stepSize參數的值增大或減小,直到你松開鼠標按鈕或達到最大/最小值為止。
在【屬性】面板中可以設置NumericStepper組件的參數有:
u value:設置當前步進的值,默認值為 0。
u minimum:設置步進的最小值,默認值為 0。
u maximum:設置步進的最大值,默認值為 10。
u stepSize:設置步進的變化單位,默認值為 1。
(8)進程欄(ProgressBar)組件
在Flash MX 2004以前的Flash版本中,制作動畫預載畫面,精確顯示動畫加載進度是一個重要內容。通常我們是創建一個進度條影片剪輯元件,然后通過Action編程來實現動畫預載進度畫面的制作。
Flash MX 2004為我們提供了一個進程欄(ProgressBar)組件,專門用來制作動畫預載畫面,顯示動畫加載進度。
ProgressBar組件在用戶等待加載內容時,會顯示加載進程。加載進程可以是確定的也可以是不確定的。確定的進程欄是一段時間內任務進程的線性表示,當要載入的內容量已知時使用。不確定的進程欄在不知道要加載的內容量時使用。你可以添加標簽來顯示加載內容的進程。
默認情況下,組件被設置為在第一幀導出。這意味著這些組件在第一幀呈現前被加載到應用程序中。假如要為應用程序創建動畫預載畫面,則需要在每個組件的【鏈接屬性】對話框(在【庫】面板中,用鼠標右鍵單擊組件,選擇【鏈接】)中取消對【在第一幀導出】的選擇。但是對于ProgressBar組件應設置為【在第一幀導出】,因為ProgressBar組件必須在其他內容流進入Flash Player之前首先顯示。
進程欄答應你在內容加載過程中顯示內容的進程。當用戶與應用程序交互操作時,這是必需的反饋信息。
在【屬性】面板中可以設置ProgressBar組件的參數有:
u mode:進度欄運行的模式。此值可以是下列之一:event(事件)、polled(輪詢)或manual(手動)。默認值為事件。最常用的模式是“事件”和“輪詢”。這些模式使用source參數來指定一個加載進程,該進程發出progress
和complete
事件(事件模式)或公開getBytesLoaded
和getsBytesTotal
方法(輪詢模式)。
u Source:一個要轉換為對象的字符串,它表示要綁定源的實例名。
u Direction:進度欄填充的方向。該值可以在右側或左側,默認值為右側。
u Label:指明加載進度的文本。該參數是一個字符串,其格式是“已加載%2的%1(%3%%)”;%1是當前已加載字節數的占位符,%2是加載的總字節數,%3是當前加載的百分比的占位符。字符“%%”是字符“%”的占位符。假如某個%2的值未知,它將被替換為“??”。假如某個值未定義,則不顯示標簽。
u labelPlacement:與進程欄相關的標簽位置。此參數可以是下列值之一:頂部、底部、左側、右側、中間。默認值為底部。
u Conversion:一個數字,在顯示標簽字符串中的%1和%2的值之前,用這些值除以該數字。默認值為 1。
下面我們創建一個帶有事件模式ProgressBar組件的應用程序實例:
步驟1 新建一個影片文檔,文檔屬性取默認值。保存這個影片文件名為“loading.fla”。
步驟2 將ProgressBar組件和Loader組件從【組件】面板中各拖放一個實例到舞臺上。用【任意變形工具】增大Loader組件實例,效果如圖8-3-14所示。
圖8-3-14 ProgressBar和Loader實例
步驟3 選擇舞臺上的Loader實例,在【屬性】面板中,輸入實例名稱loader。設置【contenPath】參數值為“test.swf”,其他參數取默認值,如圖8-3-15所示。
圖8-3-15 設置Loader實例的屬性和參數
說明:test.swf是事先制作好的一個動畫播放文件,并且這個文件和目前編輯的loading.fla文件必須在同一個文件夾下。
步驟4 選擇舞臺上的ProgressBar實例,在【屬性】面板中,輸入實例名稱為pBar。在【source】參數中輸入loader,其他參數取默認值。注重這時的【mode】參數,是【event】(事件)模式。【屬性】面板設置如圖8-3-16所示。
圖8-3-16 設置ProgressBar實例屬性和參數
步驟5 按快捷鍵Ctrl Enter測試影片。在測試窗口,下載進度條一閃而過,這是因為在本地影片測試的原因。為了逼真模擬網絡下載情況,你可以執行【視圖】|【模擬下載】命令,這樣就可以觀察到模擬網絡下程序的運行情況了。
在【polled】(輪詢)模式下使用進度欄,ProgressBar使用源對象的【getBytesLoaded】
和【getBytesTotal】
方法來顯示其進度。比如,我們按照如圖8-3-17所示進行ProgressBar實例參數設置。設置完后,測試一下效果吧!
圖8-3-17 使用polled(輪詢)模式
分享:Flash MX2004入門與進階實例——文字和組件(5)第八章文字字段和組件第二節組件(2)2.用動作腳本控制組件用Action對組件進一步編程控制的方法主要有兩種:使用on()處理函數、使用一個調度程序/偵聽器
- 相關鏈接:
- 教程說明:
Flash教程-Flash MX2004入門與進階實例——文字和組件(7)。