您現在的位置是:電腦技術吧?>? 故障問題 ??>??loading…,loding和loading??>??正文詳情

loading…,loding和loading

冷爾白2019-11-15 15:30:54 人圍觀
簡介loading中文加載實際上是對用戶的一種反饋。在客戶端,加載通常是通過改變鼠標的手形來表示的。在web端,加載的思想層出不窮,對用戶的反饋更好。本文主要討論如何在flash中進load

  loading這個東西,說穿了其實是給用戶反饋的一種表現形式,在客戶端中的loading,通常以鼠標的手型變化來表現;而在web端,loading的創意則層出不窮了,而且給用戶的反饋更好。

本文將主要闡述在flash中制作loading的一些問題。

  先來看看loading的原理。

在flash中,制作loading的目的是為了預先加載一部分內容(你可以選擇全部加載完畢,或者加載一部分之后),然后再把flash的主要內容展示出來。

一般來講,loading是放在第一幀上面的(也可以不放在第一幀,比如放在任意一幀,但是在第一幀你要做個跳轉,讓播放頭到loading的那一幀去)。

這里要注意一個問題,如果你的flash程序有從元件庫里導出元件的話(默認為第一幀導出),要導出的原件全部加載完畢之后才會顯示第一幀的內容(即,你的loading)。

這樣的話很可能你在第一幀導出的內容過于龐大,占據了整個flash應用的很大一部分,比如50%,那么我們實際運行的效果就是在一段空白之后loading從50%處開始顯示。

  要避免上面的問題(一個明顯的不好的用戶體驗),通常來講我會用到兩種方法:  第一,把要導出的元件取消導出,把它們集中放在某一幀(除開你做loading的那一幀),然后在放元件的這一幀之后的那一幀開始運行你的程序。

  第二,用另個一個swf來加載需要做loading的swf。

這種方法可以有比較完整的加載進度條以及百分比文字,缺點是容易引起其他問題,這個后面會討論。

  舉個例子來說,我想為A.swf做一個loading,關鍵代碼如下:  ......  this. loaderInfo. addEventListener (SPANrogressEvent. SPANROGRESS,loadSPANrogress );  this. loaderInfo. addEventListener (Event. COMSPANLETE,loadComSPANlete );  ......  AS3.0中增加了一個新的loaderInfo類來提供已加載的swf、圖像文件的信息。

flashplayer通過調度ProgressEvent對象的loadProgress方法來實現對加載內容反饋的監聽,當加載全部完成后,flashplayer再調度Event對象的loadComple方法。

loadProgress方法是我定義的監聽加載進度的方法,所有有關加載的信息都可以在這個方法中加以反饋:  ......  SPANrivate functionLoadSPANrogress ( e:SPANrogressEvent )  {  var loaded:uint= e. bytesLoaded;  vartotal:uint= e. bytesTotal;  varSPANercent: Number= int ( ( loaded /total ) * 100 );  trace (SPANercent % );  }  ......  上面的代碼輸出正在載入內容的百分比,這是一種最簡單的反饋,但是你可以在這段代碼里豐富你的loading的內容,使其更具有趣味性,以使得用戶在等待下載的時候能清楚的知道下載的進度,或者在這時候觀賞一段精美的動畫這完全取決于你的設計。

這時候加載完成了,可以執行loadComplete這個方法了。

在loadComplete方法里添加你想要的動作,比如給用戶一個播放按鈕以使得用戶可以自主選擇,或者直接進入某一幀進行播放。

  前面說過,直接在swf上添加loading可能會導致loading不是從1%開始,這時候可以用一個swf加載另一個swf的方法來實現完整的loading,比如,我想在B.swf里加載A.swf,那么在B.swf的程序里使用loader加載A.swf。

需要注意的是,監聽loader的加載進度需要使用loader的contentLoaderInfo屬性,而不是loaderInfo。

關于loaderInfo和contentLoaderInfo的關系如下圖所示:

  由于B.swf只起到加載A.swf的作用,并沒有其他顯示內容,所以它本身的加載可以忽略不計,這種方法可以比較完整的展示A.swf的加載過程。

但是,同時使用這種方法也引發了一些問題,比如你在A.swf里與web端進行通信,使用了loaderInfo的parameters屬性,則你在用B.swf加載A.swf后,通信將失效。

這是因為FlashVars HTML 參數只影響主swf(例子里為B.swf),就是說你可以在B.swf里完成通信,但是A.swf不行。

所以,我們可以先在B.swf中獲取到頁面要傳遞的信息,然后再讓A.swf從B.swf中獲取這個信息就可以了。

通常我是這樣處理的,假如B.swf的文檔類為Main.as,那么在Main.as中定義一個static的屬性比如prama(public static var prama),用來保存傳遞的信息,然后再在A.swf中通過Main.prama獲取這個信息。

這樣就間接實現了A.swf與web端的通信。

  綜上所述,本文不是向大家介紹如何制作一個完整的loading的,相信loading的例子在網上并不少見,但是只有明白了loading制作的基本原理,才能從根本上制作出更為規范和友好的loading來。

版權聲明:本文由 冷爾白 整理編輯。

原標題:loading up,loading什么意思啊

轉載注明出處:http://www.dn9ww09s.icu/fault/12537.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 凍結窗格為什么只能凍結首行,怎樣凍結表格前兩行

    凍結窗格為什么只能凍結首行,怎樣凍結表格前兩行 相關圖片凍結窗格怎么設置如果Excel表格的內容較多,我們通常會凍結窗格,這樣即使下面有較多的數據,我們也可以一一編號,非常方便。如何設置凍結窗格?凍結窗格有三種形式:1。頂部水...

  • 輕松的文字,朋友圈輕松的文字

    輕松的文字,朋友圈輕松的文字 相關圖片心情文字我們經常在網站等各種視頻媒體上看到文字飛揚或彈跳等文字效果,或是通過飛池將文字或企業標識等其他圖案融合在一起,非常漂亮。本flash教程旨在模擬這種效果。首先,一...

  • 驅動人生網卡版沒網可以用嗎,重裝win7后usb全部失靈

    驅動人生網卡版沒網可以用嗎,重裝win7后usb全部失靈 相關圖片萬能網卡驅動離線版pc有些用戶在計算機系統中呆了很長時間后感到卡住,決定重新安裝系統。很多人在適應駕駛系統后會選擇駕駛自己的生活。不過,他們很快發現,有一種網卡版的駕...

  • 國內怎么用google日歷,google 日歷

    國內怎么用google日歷,google 日歷 相關圖片google日歷同步不能卸載谷歌日歷能在國內使用嗎?這是許多安卓用戶提出的問題之一。Google日歷以其簡單、易用、功能強大、支持跨平臺同步等特點受到Android用戶的青睞。不幸的是,它...

  • 三角箭頭,三角箭頭圖標

    三角箭頭,三角箭頭圖標 相關圖片三箭頭使用CSS制作不帶圖片和箭頭的div box(此代碼更適合追求純代碼的人)這種效果也可以用圖片背景實現,代碼將更加簡潔CSS代碼:CSS代碼將內容復制到剪貼板d箭頭...

  • lbe安全大師好用嗎,比lbe安全大師更好

    lbe安全大師好用嗎,比lbe安全大師更好 相關圖片安全大師哪個好用現在Android手機都是內置的安全中心,但一些用戶仍然認為使用起來并不容易。他們喜歡使用第三方安全中心。第三方安全中心使用更多的LBE安全主機和360。哪一個那個...

  • 鋸齒王冠代碼,伊斯本代碼

    鋸齒王冠代碼,伊斯本代碼 相關圖片上古卷軸五鋸齒王冠代碼圖:提示:將代碼復制到一個HTML文件并保存。直接打開看效果。實現代碼:代碼如下:!DOCTYPE htmlhtmllang=zhheadmetacharset鋸齒王冠能保留嗎...

  • applepencil怎么用,applepencil有什么用

    applepencil怎么用,applepencil有什么用 相關圖片applepencil1使用教程蘋果筆是蘋果公司的智能筆,帶有壓力傳感器,也被稱為電容筆。它可以同時與用戶的手指一起使用。配有閃電接口,支持無線充電。2015年發布,iPadapplepencil2適用機型...

  • photo booth拍視頻,蘋果photobooth在哪

    photo booth拍視頻,蘋果photobooth在哪 相關圖片photo boothPhoto booth是蘋果設備上的一個小應用。它的主要功能是通過攝像機拍攝數碼照片。攝影棚內置17種特效。照片顯示后,用戶可以使用photobooth有什么用嗎...

  • 應用程序,應用程序在哪

    應用程序,應用程序在哪 相關圖片應用程序安裝包互聯網上有很多設計和開發工具,但很少有易于使用和免費的,所以今天的文章向您展示了8個很酷的HTML5應用程序。這些令人驚嘆的HTML5應用讓你體驗到了網絡技術的隱藏...

熱評文章

  • 鈦備份備份的文件在哪里,鈦備份備份文件在哪

    鈦備份備份的文件在哪里,鈦備份備份文件在哪 相關圖片鈦備份不識別備份文件鈦備份是一個在Android系統上運行的備份軟件,相當于windows上的ghost。鈦備份可以根據用戶的設置和需要備份和恢復整個系統或部分軟件,包括程序、數據鈦備份備...

  • 繪畫的質感,怎么畫質感

    繪畫的質感,怎么畫質感 相關圖片素描怎么畫出布的質感最近,我經常在我們的網站上看到文件評論,發現關于用煙花畫群眾甲蟲的評論很多。很多人認為這是一個由照片背面制作的假教程。當然,大多數都是表揚,他...

  • airplay是什么,airplay是什么意思啊

    airplay是什么,airplay是什么意思啊 相關圖片airplay怎么開Airplay是蘋果設備的回放技術,用戶可以通過它將視頻圖像從iPhone、iPod touch、iPad和MAC傳送到支持Airplay的設備airplay啥意思...

  • 雪花飄飄還有什么飄飄,雪花飄飄是什么意思

    雪花飄飄還有什么飄飄,雪花飄飄是什么意思 相關圖片白白的雪花像什么本文介紹了在flash中如何使用引導線制作雪花飄浮動畫這種方法最愚蠢但效果也最好,就是使用引導線功能,使雪花保持飄浮,如果使用更多的層,效果更好1。創建一...

  • 如何格式化c盤,c盤格式化

    如何格式化c盤,c盤格式化 相關圖片電腦格式化c盤據信有些用戶有格式化某個驅動器號的操作,但他們都在格式化C盤之外的驅動器號。一些用戶會很好奇。如果C盤格式化了會發生什么?如何格式化C盤?C盤是系統盤。要格...

  • 金屬字制作,PS怎么制作金屬字

    金屬字制作,PS怎么制作金屬字 相關圖片ps金屬字制作步驟如果你回答不,我就停在這里,呵呵。好吧,沒什么廢話。讓我們一起開始,看看如何使這樣一個酷的金屬字符效果在這一節的關鍵點:集中在調整CO在效果命令金屬立...

  • 蘋果保修期查詢,蘋果換電池

    蘋果保修期查詢,蘋果換電池 相關圖片蘋果保修期內許多人選擇iPhone作為他們的主要手機。在我們開始使用iPhone之后,我們關心的一件事是保修期有多長。畢竟,沒有人能保證他們的手機永遠不會有質量問題。如果手蘋果維...

  • 電腦突然死機,電腦自動關機是什么原因

    電腦突然死機,電腦自動關機是什么原因 相關圖片電腦老是死機是怎么回事計算機崩潰是計算機常見的故障之一,它使用戶相當頭疼,尤其是當工作和學習內容尚未保存時,遇到崩潰,使人相當崩潰。偶爾死機是可以的,但如果電腦經...

  • 皮影動畫,皮影動畫制作

    皮影動畫,皮影動畫制作 相關圖片老動畫片大全80年代皮影第1部分:拆分圖形(1)按Ctrl R導入第06章/材質/陰影。本書配套光盤中的AI文件,如圖6-1所示,圖6-1導入材料(2)將老人的四肢轉化為視頻片段,因為類似皮影客...

  • wlan和wifi的區別_百度經驗,wife與wlan有什么區別

    wlan和wifi的區別_百度經驗,wife與wlan有什么區別 相關圖片wlan和wifi哪個更穩定當手機流量不足時,我們選擇連接到無線網絡,通常我們連接到WiFi。有時我們會收到運營商的短信,提醒我們可以使用WLAN功能。WLAN是什么意思?WLAN和WiFwlan是流量還...

關注微信

变脸官网查询