1. 程式人生 > >as3學習筆記3:Loader動態載入圖片

as3學習筆記3:Loader動態載入圖片

開發環境:FlashDevelop

步驟:

1.新建一個as3工程:LoadPng

   目錄:E:/ActionScript/LoadPng

2.在工程下新建一個Image資料夾,向其中新增一張xxx.png圖片

   目錄:E:/ActionScript/LoadPng/image/xxx.png

3.在Main.as中敲入如下程式碼:

package 
{
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.net.URLRequest;
	
	public class Main extends Sprite 
	{ 
		private var mLoader:Loader;	//只能載入swf、圖片(jpg、png、gif)
		public function Main():void 
		{
			mLoader = new Loader;
			addChild(mLoader);
			mLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, OnLoaded);
			mLoader.load(new URLRequest("../image/ChaKan.png"));
		}
		
		//載入圖片完成
		private function OnLoaded(e:Event):void
		{
			//移除事件
			mLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE, OnLoaded);
		}
	}
}

注意1:Embed與Loader的區別

             Embed是將圖片編譯到swf裡面了

             Loader是動態載入圖片,不在生成的swf裡面

注意2:相對路徑的寫法

              這裡是動態載入,所以,基礎目錄為生成swf所在的目錄,也就是bin目錄

              第一步:../使路徑從bin目錄返回到LoadPng目錄

              第二步:../image/定位到LoadPng資料夾的image資料夾下,然後找到對應的圖片檔案

注意3:使用Loader來載入資料新增偵聽事件時,是給Loader的contentLoaderInfo屬性新增事件,

              而不是給Loader物件增加事件。