Flash AS 實例進階 FLASH載入等待 Loading效果

2020-07-17 13:13:56

字體：大中小

來源：轉載

供稿：網友

　　源文件下載：第一部分；第二部分；第三部分；（依次命名為1.part1.rar;1.part2.rar;1.part3.rar，，即可正常解壓。）

　　點擊查看動畫效果<實例2-10 Loding

　　基本思路

　　①令影片開始處于等待狀態

　?、?檢測影片的總長度和下載的長度，并時刻進行比較，當下載完全部或大部后開始播放。

　　③在影片下載過程中可以有多種輔助的顯示形式，如：進度條，下載比例，下載字節數，或各種表示下載中的 MC 。

　　新知識點

MovieClip.getBytesLoaded();//方法；

　　返回已為 my_mc 指定的影片剪輯加載（流處理）的字節數。您可以將此值與返回的值進行比較以確定已加載影片剪輯的百分比。

MovieClip.getBytesTotal()// 方法；

　　以字節為單位返回 my_mc 指定的影片剪輯的大小。對于那些外部的影片剪輯（加載到某個目標或某個級別的根 SWF 文件或影片剪輯），返回值為 SWF 文件的大小。

　　實例說明

　?、?一個有播放圖標的 MC 寫入 Loading 和 play 腳本。

　?、谝粋€命名為“ xianshi ”的 MC 嵌套若干用于輔助顯示的元件，此實例有進度條、動態文本、和一個有幀幀動畫的 MC 。

　?、垡陨蟽蓚€ MC 單獨放在一個圖層的第 1 幀，第 2 幀加空白關鍵幀，或將該圖層的從第 2 幀起以后的幀完全刪除。

　　編寫動作腳本

　?、僭诓シ艌D標的 MC 上輸入：

復制代碼

代碼如下:

onClipEvent (load) {
　　_root.stop();
　　this._visible = 0;
}
onClipEvent (enterFrame) {// 影片剪輯與幀頻同步觸發以下動作
　　load = int(_root.getBytesLoaded()/_root.getBytesTotal()*100);// 計算下載字節數的百分比
　　_root.xianshi.shuzi = " 已下載：　 "+load+"%"; // 動態顯示下載進度
　　_root.xianshi.jindutiao._width = 2*load;// 進度條總長 200 像素，所以百分數乘２
　　if (_root.getBytesLoaded() == _root.getBytesTotal()) { // 下載的字節數等于文件的字節數時執行后面命令了。
　　　　this._visible = 1;
　　　 _root.xianshi._visible = 0;
　　 }
}
on (release) {
　　 _root.play();
}

　　要點分析

　?、?Loading 的核心就是 _root.getBytesLoaded() 和 _root.getBytesTotal() 的比較，這個實例是 _root.getBytesLoaded() == _root.getBytesTotal() ，即下載 100%SWF 文件，其實根據網速，可以調整到下載大部分后就可以開始播放，余下部分是在播放過程中繼續下載，如： _root.getBytesLoaded() >_root.getBytesTotal()*80/100 ，這樣可以減少下載等待時間又可保證播放的連貫性。

　?、谠诒镜貦C上測試 Loading 的方法是鍵入【 Ctrl+Enter 】或執行【控制】 - 【測試影片】，待影片開始播放后，再鍵入【 Ctrl+Enter 】或執行【視圖】 - 【模擬下載】。

　　小結

　　通過網絡觀看比較長的 swf 影片， Loading 是必不可少的，只要掌握了原理，可以設計各種有特色的下載畫面，不光能消除等待的煩惱還可以給人以藝術性和欣賞性體驗。

　　到這里，我和大家已經登到了“樓頂”，今后由隨意帶領我們隨意在藍天上飛嘍。

　　課后練習

　　發揮各自的想象力，制作出漂亮的“樓頂”。

　　查看全套"Flash AS 實例進階教程"