伊沙熊的學習筆記本

　　首先有一個重要概念是：第一個影格的所有物件要先被下載，然後才會開始執行影格中的程式碼和播放。也就是如果第一個影格放了很多物件，那麼使用者看到flash的空白期一樣會拖長，久久才會出現loading畫面，所以第一個影格儘可能放上單一的圖案，或簡單的向量圖形。另外，如果元件庫(Library)有設定連結(Linkage)，也儘量不要勾選輸出在第1影格，否則的話也會造成第一影格大小的變化，自訂的類別當然也是儘量避免在第一影格宣告，然後可以在發佈選項(Publish Settings)裡的Flash標籤裡的設定(Settings)，把輸出類別在第...影格改成2。

　　然後就是在第一個影格中加上程式碼，基本上就是先stop，等載入完畢後再繼續播放，第一種寫法是比較正規且一般的作法：

stop();

this.root.loaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
this.root.loaderInfo.addEventListener(Event.COMPLETE, completeHandler);

// 處理載入進度
function progressHandler (e:ProgressEvent):void {
	var percent:Number = e.bytesLoaded / e.bytesTotal;
	trace (percent);
	// 以下二行是可能的顯示狀況
	//mc_loading.gotoAndStop(Math.floor(percent * 100));
	//txt_loading.text = String(Math.floor(percent * 100))+"%";
}
// 結束載入
function completeHandler (e:Event):void {
	this.root.loaderInfo.removeEventListener(ProgressEvent.PROGRESS, progressHandler);
	this.root.loaderInfo.removeEventListener(Event.COMPLETE, completeHandler);
	play();
}

　　mc_loading是一個一百格的動畫，依照載入進度去播放，txt_loading則是一個文字欄位，實際的變化要看設計者的創意了。

　　但奇怪的是，第一種作法在瀏覽器Firefox將flash包在頁框內時(?)，有些情況下會導致Event.COMPLETE無法引發，任憑使用者如何搔頭摸耳也不為所動，真正造成的原因還不清楚，這時可以用第二種作法，改用一定會觸發的Event.ENTER_FRAME事件來檢查載入狀況：

stop ();

addEventListener (Event.ENTER_FRAME, enterFrameHandler);

function enterFrameHandler (e):void {
	var percent:Number = root.loaderInfo.bytesLoaded / root.loaderInfo.bytesTotal;
	trace (percent);
	//mc_loading.gotoAndStop(Math.floor(percent * 100));
	//txt_loading.text = String(Math.floor(percent * 100))+"%";
	
	if (percent >= 1) {
		removeEventListener (Event.ENTER_FRAME, enterFrameHandler);
		play();
	}
}

　　完成後在Flash中按下ctrl + Enter測試影片，畫面出現後再按一次ctrl + Enter就可以模擬成慢速網路的狀態（[檢視]－[下載設定]裡可以改變網路環境），確定載入畫面是否正常執行；按下[檢視]－[頻寬設定]則可以看每一個影格的載入狀況；若在Flash的發佈設定中勾選[產生檔案大小報表]，每次測試影片後就會產生一個文字檔，可以得到更詳細的資訊，包括每個影格所要載入的位元組、每個元件和圖檔的輸出大小，以及靜態文字、嵌入字體所佔的空間，這些都可以幫助檔案減肥。養成壓縮圖片、音效，重覆利用元件、用向量圖來製作簡單的圖形、適當的swf分割載入…等好習慣，縮小檔案大小，才是減少使用者等待的治本之道。