Flash進度條的製作詳細講解(組圖)

在論壇和其他網站上經常可以看到新手請教如何製作FLASH進度條的問題，答案各式各樣(有圖片的稀少)，講的清楚，但是新手不懂怎麼做，說了等於白講，所以小弟在這爲大家詳細講解FLASH進度條的製作。網上可找不到這麼詳細講解哦，廢話不多說，轉入正題：
我們先來看看Loading
幾乎所有優秀成熟的Flash作品都少不了Flash Loading的畫面（也就是我們常說的Flash中的預載畫面）。因爲如果沒有Actionscrip(以下簡稱AC)對整個動畫作品進行控制的話，動畫就會邊下載邊播放，嚴重地破壞作品欣賞的整體性。而製作一個好的預載畫面，一來可以判斷動畫是否下載完全；二來可以讓瀏覽者在等待中得以欣賞，尤其是一個好的預載動畫往往會給瀏覽者一種震撼。下面我們就來分析一下Loading動畫的製作方法。
一、建一電影文件，點時間軸下的增加圖層“+”按鈕，建立4個圖層， 從上到下分別命名爲：action層、進度條層、按鈕層、動畫層。請看下圖：
[img]/uploads/allimg/080421/1723490.jpg[/img]
二、AC控制層--添加代碼
1、選中action圖層第一幀在屬性面板處，寫上"play"（加上幀標籤play）選中action圖層第一幀在屬性面板處，寫上"play"。
[img]/uploads/allimg/080421/1723491.jpg[/img]
[img]/uploads/allimg/080421/1723492.jpg[/img]
然後窗口--動作（F9） 打開動作面板。
// 將電影總字節數賦值給total變量
total = _root.getBytesTotal();
// 將已經下載的字節數賦值給loaded變量
loaded = _root.getBytesLoaded();
// 取整計算已下載的字節數的百分比並賦值給變量load
load = int(loaded/total*100);
// 把已下載的字節數賦值給動態文本變量loadtxt
loadtxt = "loading"+load+"%";
// 進度條同時按百分比數跳轉到相應的幀上去;
_root.進度條.gotoAndStop(load);
然後窗口--動作（快捷鍵F9）打開動作面板輸入代碼，請看下圖↓
[img]/uploads/allimg/080421/1723493.jpg[/img]
然後選中action圖層第6幀（F7）插入一個關空白關鍵幀。
[img]/uploads/allimg/080421/1723494.jpg[/img]
複製下面的代碼並粘貼。如果下載字節數=總字節數，跳轉到6幀停止。
if (loaded == total) { 
gotoAndStop(6);
//否則跳轉到標籤名"play"的幀,繼續下載
} else
{ 
gotoAndPlay("play");
}
看下圖：
[img]/uploads/allimg/080421/1723495.jpg[/img]
三、創建進度條影片剪輯
1、（Ctrl+f8）插入--新建元件--行爲爲影片剪輯，命名爲：“進度條”。 在這個MC上，建立了兩層，分別爲“邊框線”、“填充色” 請看下圖：
[img]/uploads/allimg/080421/1723496.jpg[/img]
2、 在“邊框線”層，選擇矩形工具，邊框及填充顏色自定義，畫一個矩形，在屬性面板設置：寬：300；高：24；X：-150，Y：-12。在100幀處F5插入普通幀。選中矩形裏面的填充色（Ctrl+X）剪切，粘貼到“填充色”層第一幀（Ctrl+Shift+V）選擇編輯菜單下的粘貼到當前位置，調整填充色顏色，在100幀處F6插入關鍵幀，選中第一幀創建“形狀”動畫，在第一幀將矩形寬改爲：3。雙擊矩形框在屬性面板把筆觸調整爲：2，顏色自定義。
[img]/uploads/allimg/080421/1723497.jpg[/img]
[img]/uploads/allimg/080421/1723498.jpg[/img]
←設置後的圖
3、回到場景2中把剛做好的“進度條”MC從庫中拖放到“進度條”這一圖層的第一幀上，放到合適的位置。然後選中舞臺中的“進度條”MC，在屬性面板上寫上實例名“進度條”。在第6幀按F5插入普通幀。下圖↓
本文轉自：http://www.5uflash.com/flashjiaocheng/Flash-loadingjiaocheng/2972.html