帶進度條的Loading製作

2021-04-12 20:03:43 字數 1745 閱讀 8194

loading的製作已經是個比較老的話題了。但是最近仍然不斷有人問這個問題,畢竟什麼時候都有初學者嘛。換個角度看,這也說明我們的閃客隊伍是在不斷漲大,倒是個可喜的現象。也給了我動力,來寫這篇文章,給入門者提供乙個較為詳細的教程。好,我們開始。 loading一般可以用兩幀來製作,放在動畫的最前面。如果乙個比較大的動畫已經做好了,再插入幀太麻煩,也可以增加乙個場景,專門放loading,這個我們一會兒再討論。我們先來看看最基本的製作步驟。

開啟flash mx(我這裡以flash mx做示例,不過其中的程式設計語句全部都是flash5支援的),新建檔案,設定好場景尺寸、背景顏色和幀速。先做乙個帶有「loading...」字樣的mc(movie clip 以下同)。我這裡做了個簡單的文字閃爍,也是最常用到的一種效果。

把它放入場景的第1幀。在它下面畫乙個矩形框,裡面畫個沒有邊線的矩形填充作為將來的進度條。

選擇這個矩形填充,按f8轉為符號。

給它命個名,我這裡是「jdtiao」。型別選movie clip,如果選graphic,將來在場景中就不能對它命名和進行action控制(這也是movie clip和graphic的主要區別之一,而通過會動還是不會動來定符號型別則是初學者最易走進的誤區,其實mc和graphic都可以是動畫,也都可以是靜止)。最後需要注意的一點,看見registrati選項了嗎?它旁邊有9個小方框,這是用來確定符號的中心點的,我們這裡選擇左邊中間的那個點。你可以試試選擇中心點最終會是什麼效果。多做這樣的嘗試是個好習慣,能夠幫助你加深理解。經驗從**來?就是從錯誤中來!

在場景中選擇進度條,在屬性面板中把它命名為「tiao」。注意,這是例項名,要和符號名(jdtiao)區別開,用action控制時,使用的是例項名。這是個初學者易犯的乙個錯誤。

在進度條的右邊建立乙個動態文字,寬度為3個字母,設定它的屬性:變數名為「loaded」,對齊方式為居左。緊接其後,建立乙個靜態文字,輸入乙個百分號「%」。

現在場景編輯基本完成,按f6插入乙個關鍵幀,我們需要2個幀來進行迴圈。下面開始action的編寫。

第1幀:

loaded = math.round(getbytesloaded()/getbytestotal()*100);

setproperty("_root.tiao", _xscale, loaded);

if (loaded>==100)

我來解釋一下這幾個語句。

loaded = math.round(getbytesloaded()/getbytestotal()*100);

getbytestotal() 獲取動畫共有多少位元組的函式;

math.round() 它的作用是把數值四捨五入,這樣就把百分比進行了取整。

setproperty("_root.tiao", _xscale, loaded);

這一句用來控制進度條的顯示。setproperty()是設定例項屬性的,大家應該很熟悉了。

property一欄選_xscale,因為我們想控制的是進度條的寬度。

if (loaded==100)

第二,我在文章開始提到的,想把loading單獨放在乙個場景怎麼辦?比如loading在第1場景(scene 1),主動畫在第2場景(scene 2),這時只要把gotoandplay()語句稍作改動就行了,如圖所示:

第1幀製作完成,開始第2幀。這幀只有乙個語句:

gotoandplay(1);

就是返回第1幀,構成乙個迴圈。

至此,loading製作全部完成。把它加入你的動畫測試一下吧。看不到loading效果?在你的flash mx裡按兩次ctrl+enter試試。

帶進度條的檔案拷貝

帶進度條的檔案拷貝 可以拷貝任何檔案,拷貝過程有進度條實時反映,並記錄使用時間.顯示效果如圖 private void btncopyfile click object sender,system.eventargs e if false checkfilepath cfw.sourcefile t...

帶進度條的版本更新

在網上找了很多的 bug一堆堆,很多 都是不一定符合自己的實際需求,都需要改進。下面的 就是那別人的 改進的,把專案整合到自己的專案裡時,會報錯,直接把build裡報錯的 注釋即可。原理其實很簡單。1,向後台發請求,獲取版本號。3,更新,安裝apk 版本號和版本的名字 string versionc...

帶進度條的上傳外掛程式

官方網址 我使用的版本是v3.1 flash 版,相關的介紹就不用了吧.總之是個好用的工具,而且提供的引數也很夠用。基本使用方式請參考官方檔案 documentation 網路上也很多中文的入門教學 我需要調整按鈕樣式 警告視窗模式改用 jquery 的 dialog 改成中文訊息 1.修改按鈕的樣...