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

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（輪詢）模式