Flash AS 實(shí)例進(jìn)階 FLASH載入等待 Loading效果

發(fā)布時(shí)間：2013-03-13 23:56:49 作者：佚名

在網(wǎng)絡(luò)上看 Flash 動(dòng)畫是將 SWF 文件邊下載邊播放，由于網(wǎng)絡(luò)速度原因，有時(shí)下載速度低于播放速度，這樣就出現(xiàn)影片斷斷續(xù)續(xù)現(xiàn)象，為 Flash 動(dòng)畫添加 Loading 的作用就是使影片連貫播放

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

　　點(diǎn)擊查看動(dòng)畫效果<實(shí)例2-10 Loding

　　基本思路

　?、倭钣捌_始處于等待狀態(tài)

　?、?檢測影片的總長度和下載的長度，并時(shí)刻進(jìn)行比較，當(dāng)下載完全部或大部后開始播放。

　?、墼谟捌螺d過程中可以有多種輔助的顯示形式，如：進(jìn)度條，下載比例，下載字節(jié)數(shù)，或各種表示下載中的 MC 。

　　新知識點(diǎn)

MovieClip.getBytesLoaded();//方法；

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

MovieClip.getBytesTotal()// 方法；

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

　　實(shí)例說明

　?、?一個(gè)有播放圖標(biāo)的 MC 寫入 Loading 和 play 腳本。

　?、谝粋€(gè)命名為“ xianshi ”的 MC 嵌套若干用于輔助顯示的元件，此實(shí)例有進(jìn)度條、動(dòng)態(tài)文本、和一個(gè)有幀幀動(dòng)畫的 MC 。

　?、垡陨蟽蓚€(gè) MC 單獨(dú)放在一個(gè)圖層的第 1 幀，第 2 幀加空白關(guān)鍵幀，或?qū)⒃搱D層的從第 2 幀起以后的幀完全刪除。

　　編寫動(dòng)作腳本

　　①在播放圖標(biāo)的 MC 上輸入：

復(fù)制代碼

代碼如下:

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

　　要點(diǎn)分析

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

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

　　小結(jié)

　　通過網(wǎng)絡(luò) 觀看比較長的 swf 影片， Loading 是必不可少的，只要掌握了原理，可以設(shè)計(jì)各種有特色的下載畫面，不光能消除等待的煩惱還可以給人以藝術(shù)性和欣賞性體驗(yàn)。

　　到這里，我和大家已經(jīng)登到了“樓頂”，今后由隨意帶領(lǐng)我們隨意在藍(lán)天上飛嘍。

　　課后練習(xí)

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

　　查看全套"Flash AS 實(shí)例進(jìn)階教程"