亚洲欧洲国产欧美一区精品,激情五月亚洲色五月,最新精品国偷自产在线婷婷,欧美婷婷丁香五月天社区

      考試首頁 | 考試用書 | 培訓(xùn)課程 | 模擬考場 | 考試論壇  
        當(dāng)前位置:設(shè)計(jì)制作 > Flash > 文章內(nèi)容
        

      FLASH教程:FLASH制作一個(gè)完整的loading

       [ 2017年8月8日 ] 【

        

      flash制作一個(gè)完整的loading

        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)系如下圖所示:

        

      flash制作一個(gè)完整的loading

        由于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來。

      將考試網(wǎng)添加到收藏夾 | 每次上網(wǎng)自動(dòng)訪問考試網(wǎng) | 復(fù)制本頁地址,傳給QQ/MSN上的好友 | 申請(qǐng)鏈接 | 意見留言 TOP
      關(guān)于本站  網(wǎng)站聲明  廣告服務(wù)  聯(lián)系方式  站內(nèi)導(dǎo)航  考試論壇
      Copyright © 2007-2013 中華考試網(wǎng)(Examw.com) All Rights Reserved