loading這個(gè)東西,說穿了其實(shí)是給用戶反饋的一種表現(xiàn)形式,在客戶端中的loading,通常以鼠標(biāo)的手型變化來表現(xiàn);而在web端,loading的創(chuàng)意則層出不窮了,而且給用戶的反饋更好。本文將主要闡述在flash中制作loading的一些問題。
先來看看loading的原理。在flash中,制作loading的目的是為了預(yù)先加載一部分內(nèi)容(你可以選擇全部加載完畢,或者加載一部分之后),然后再把flash的主要內(nèi)容展示出來。一般來講,loading是放在第一幀上面的(也可以不放在第一幀,比如放在任意一幀,但是在第一幀你要做個(gè)跳轉(zhuǎn),讓播放頭到loading的那一幀去)。這里要注意一個(gè)問題,如果你的flash程序有從元件庫里導(dǎo)出元件的話(默認(rèn)為第一幀導(dǎo)出),要導(dǎo)出的原件全部加載完畢之后才會(huì)顯示第一幀的內(nèi)容(即,你的loading)。這樣的話很可能你在第一幀導(dǎo)出的內(nèi)容過于龐大,占據(jù)了整個(gè)flash應(yīng)用的很大一部分,比如50%,那么我們實(shí)際運(yùn)行的效果就是在一段空白之后loading從50%處開始顯示。
要避免上面的問題(一個(gè)明顯的不好的用戶體驗(yàn)),通常來講我會(huì)用到兩種方法:
第一,把要導(dǎo)出的元件取消導(dǎo)出,把它們集中放在某一幀(除開你做loading的那一幀),然后在放元件的這一幀之后的那一幀開始運(yùn)行你的程序。
第二,用另個(gè)一個(gè)swf來加載需要做loading的swf。這種方法可以有比較完整的加載進(jìn)度條以及百分比文字,缺點(diǎn)是容易引起其他問題,這個(gè)后面會(huì)討論。
舉個(gè)例子來說,我想為A.swf做一個(gè)loading,關(guān)鍵代碼如下:
......
this. loaderInfo. addEventListener (SPANrogressEvent. SPANROGRESS,loadSPANrogress );
this. loaderInfo. addEventListener (Event. COMSPANLETE,loadComSPANlete );
......
AS3.0中增加了一個(gè)新的loaderInfo類來提供已加載的swf、圖像文件的信息。flashplayer通過調(diào)度ProgressEvent對(duì)象的loadProgress方法來實(shí)現(xiàn)對(duì)加載內(nèi)容反饋的監(jiān)聽,當(dāng)加載全部完成后,flashplayer再調(diào)度Event對(duì)象的loadComple方法。loadProgress方法是我定義的監(jiān)聽加載進(jìn)度的方法,所有有關(guān)加載的信息都可以在這個(gè)方法中加以反饋:
......
SPANrivate functionLoadSPANrogress ( e:SPANrogressEvent )
{
var loaded:uint= e. bytesLoaded;
vartotal:uint= e. bytesTotal;
varSPANercent: Number= int ( ( loaded /total ) * 100 );
trace (SPANercent+ "%" );
}
......
上面的代碼輸出正在載入內(nèi)容的百分比,這是一種最簡單的反饋,但是你可以在這段代碼里豐富你的loading的內(nèi)容,使其更具有趣味性,以使得用戶在等待下載的時(shí)候能清楚的知道下載的進(jìn)度,或者在這時(shí)候觀賞一段精美的動(dòng)畫——這完全取決于你的設(shè)計(jì)。這時(shí)候加載完成了,可以執(zhí)行l(wèi)oadComplete這個(gè)方法了。在loadComplete方法里添加你想要的動(dòng)作,比如給用戶一個(gè)播放按鈕以使得用戶可以自主選擇,或者直接進(jìn)入某一幀進(jìn)行播放。
前面說過,直接在swf上添加loading可能會(huì)導(dǎo)致loading不是從1%開始,這時(shí)候可以用一個(gè)swf加載另一個(gè)swf的方法來實(shí)現(xiàn)完整的loading,比如,我想在B.swf里加載A.swf,那么在B.swf的程序里使用loader加載A.swf。需要注意的是,監(jiān)聽loader的加載進(jìn)度需要使用loader的contentLoaderInfo屬性,而不是loaderInfo。關(guān)于loaderInfo和contentLoaderInfo的關(guān)系如下圖所示:
由于B.swf只起到加載A.swf的作用,并沒有其他顯示內(nèi)容,所以它本身的加載可以忽略不計(jì),這種方法可以比較完整的展示A.swf的加載過程。但是,同時(shí)使用這種方法也引發(fā)了一些問題,比如你在A.swf里與web端進(jìn)行通信,使用了loaderInfo的parameters屬性,則你在用B.swf加載A.swf后,通信將失效。這是因?yàn)镕lashVars HTML 參數(shù)只影響主swf(例子里為B.swf),就是說你可以在B.swf里完成通信,但是A.swf不行。所以,我們可以先在B.swf中獲取到頁面要傳遞的信息,然后再讓A.swf從B.swf中獲取這個(gè)信息就可以了。通常我是這樣處理的,假如B.swf的文檔類為Main.as,那么在Main.as中定義一個(gè)static的屬性比如prama(public static var prama),用來保存?zhèn)鬟f的信息,然后再在A.swf中通過Main.prama獲取這個(gè)信息。這樣就間接實(shí)現(xiàn)了A.swf與web端的通信。
綜上所述,本文不是向大家介紹如何制作一個(gè)完整的loading的,相信loading的例子在網(wǎng)上并不少見,但是只有明白了loading制作的基本原理,才能從根本上制作出更為規(guī)范和友好的loading來。
![]() | ![]() .. 定價(jià):¥225 優(yōu)惠價(jià):¥213 更多書籍 |
![]() | ![]() .. 定價(jià):¥133 優(yōu)惠價(jià):¥133.0 更多書籍 |