在論壇和其他網(wǎng)站上經(jīng)常可以看到新手請教如何制作FLASH進(jìn)度條的問題,答案各式各樣(有圖片的稀少),講的清楚,但是新手不懂怎么做,說了等于白講,所以小弟在這為大家詳細(xì)講解FLASH進(jìn)度條的制作。網(wǎng)上可找不到這么詳細(xì)講解哦,廢話不多說,轉(zhuǎn)入正題:
我們先來看看Loading
幾乎所有優(yōu)秀成熟的Flash作品都少不了Flash Loading的畫面(也就是我們常說的Flash中的預(yù)載畫面)。因為如果沒有Actionscrip(以下簡稱AC)對整個動畫作品進(jìn)行控制的話,動畫就會邊下載邊播放,嚴(yán)重地破壞作品欣賞的整體性。而制作一個好的預(yù)載畫面,一來可以判斷動畫是否下載完全;二來可以讓瀏覽者在等待中得以欣賞,尤其是一個好的預(yù)載動畫往往會給瀏覽者一種震撼。下面我們就來分析一下Loading動畫的制作方法。
一、建一電影文件,點時間軸下的增加圖層“+”按鈕,建立4個圖層, 從上到下分別命名為:action層、進(jìn)度條層、按鈕層、動畫層。請看下圖:

二、AC控制層--添加代碼
1、選中action圖層第一幀在屬性面板處,寫上"play"(加上幀標(biāo)簽play)選中action圖層第一幀在屬性面板處,寫上"play"。


然后窗口--動作(F9) 打開動作面板。
// 將電影總字節(jié)數(shù)賦值給total變量
total = _root.getBytesTotal();
// 將已經(jīng)下載的字節(jié)數(shù)賦值給loaded變量
loaded = _root.getBytesLoaded();
// 取整計算已下載的字節(jié)數(shù)的百分比并賦值給變量load
load = int(loaded/total*100);
// 把已下載的字節(jié)數(shù)賦值給動態(tài)文本變量loadtxt
loadtxt = "loading"+load+"%";
// 進(jìn)度條同時按百分比數(shù)跳轉(zhuǎn)到相應(yīng)的幀上去;
_root.進(jìn)度條.gotoAndStop(load);
然后窗口--動作(快捷鍵F9)打開動作面板輸入代碼,請看下圖↓

然后選中action圖層第6幀(F7)插入一個關(guān)空白關(guān)鍵幀。

復(fù)制下面的代碼并粘貼。如果下載字節(jié)數(shù)=總字節(jié)數(shù),跳轉(zhuǎn)到6幀停止。
if?(loaded?==?total)?{?
gotoAndStop(6);
//否則跳轉(zhuǎn)到標(biāo)簽名"play"的幀,繼續(xù)下載
}?else
{?
gotoAndPlay("play");
}
看下圖:

三、創(chuàng)建進(jìn)度條影片剪輯
1、(Ctrl+f8)插入--新建元件--行為為影片剪輯,命名為:“進(jìn)度條”。 在這個MC上,建立了兩層,分別為“邊框線”、“填充色” 請看下圖:

2、 在“邊框線”層,選擇矩形工具,邊框及填充顏色自定義,畫一個矩形,在屬性面板設(shè)置:寬:300;高:24;X:-150,Y:-12。在100幀處F5插入普通幀。選中矩形里面的填充色(Ctrl+X)剪切,粘貼到“填充色”層第一幀(Ctrl+Shift+V)選擇編輯菜單下的粘貼到當(dāng)前位置,調(diào)整填充色顏色,在100幀處F6插入關(guān)鍵幀,選中第一幀創(chuàng)建“形狀”動畫,在第一幀將矩形寬改為:3。雙擊矩形框在屬性面板把筆觸調(diào)整為:2,顏色自定義。


←設(shè)置后的圖
3、回到場景2中把剛做好的“進(jìn)度條”MC從庫中拖放到“進(jìn)度條”這一圖層的第一幀上,放到合適的位置。然后選中舞臺中的“進(jìn)度條”MC,在屬性面板上寫上實例名“進(jìn)度條”。在第6幀按F5插入普通幀。下圖↓
本文轉(zhuǎn)自:http://www.5uflash.com/flashjiaocheng/Flash-loadingjiaocheng/2972.html
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
