Membuat Alat pemutar (Rotator) Gambar di Flash menggunakan XML dan ActionScript 3.0

package 

{

	import fl.transitions.Tween;

	import fl.transitions.easing.Strong;

	import fl.transitions.TweenEvent;

	import flash.display.Sprite;

	import flash.net.URLLoader;

	import flash.net.URLRequest;

	import flash.display.Loader;

	import flash.text.TextField;

	import flash.text.TextFormat;

	import flash.text.TextFieldAutoSize;

	import flash.text.AntiAliasType;

	import flash.utils.Timer;

	import flash.events.TimerEvent;

	import flash.events.Event;

	import flash.events.MouseEvent;

public class ImageRotator extends Sprite

{

private var xml:XML; // Stores the xml file info

private var urlLoader:URLLoader; //Loads the url of the xml file

private var imagesVector:Vector.<Loader> = new Vector.<Loader>(); //Stores the images loaded in the Loader object

private var imagesCounter:int = 0;

private var tween:Tween;

private var lastTarget:*; //Gets the last clicked image, in manual transition mode

private var tweening = false;

private var infoCounter:int = 0; //Changes the xml info to display

private var infoPanel:Sprite = new Sprite();

private var titleField:TextField = new TextField();

private var description:TextField = new TextField();

private var titleFormat:TextFormat = new TextFormat();

private var descriptionTF:TextFormat = new TextFormat();

private var timer:Timer;

private var preloader:Preloader = new Preloader(); //The Preloader in the Library

private var added:Boolean; //Checks if the preloader is in stage

private var titleFont:Helvetica = new Helvetica(); //Instantiate Embedded fonts

private var bitmapFont:Harmony = new Harmony();

public function ImageRotator(xmlPath:String = "images.xml", interval:int = 2000):void

{

timer = new Timer(interval);

titleFormat.bold = true;

titleFormat.font = titleFont.fontName;

titleFormat.color = 0xFFFFFF;

titleFormat.size = 14;

descriptionTF.font = bitmapFont.fontName;

descriptionTF.color = 0xEEEEEE;

descriptionTF.size = 8;

titleField.defaultTextFormat = titleFormat;

titleField.autoSize = TextFieldAutoSize.LEFT;

titleField.embedFonts = true;

titleField.antiAliasType = AntiAliasType.ADVANCED;

description.defaultTextFormat = descriptionTF;

description.autoSize = TextFieldAutoSize.LEFT;

description.embedFonts = true;

loadXML(xmlPath);

}

private function loadXML(file:String):void

{

	urlLoader = new URLLoader(new URLRequest(file));

	urlLoader.addEventListener(Event.COMPLETE, parseXML);

}

private function parseXML(e:Event):void

{

	xml = new XML(e.target.data);

	loadImages();

}

private function loadImages():void

{

	for (var i:int = 0; i < xml.children().length(); i++)

	{

		var loader:Loader = new Loader();

		loader.load(new URLRequest(xml.children()[i].@src));

		imagesVector.push(loader);

		loader.contentLoaderInfo.addEventListener(Event.COMPLETE, sortImages);

	}

}

private function sortImages(e:Event):void

{

	imagesCounter++;

	for (var i:int = imagesVector.length - 1; i >= 0; i--) //go backwards...

	{

		addChild(imagesVector[i]); //...so that images at the start of the XML end up at the front

	}

	if (imagesCounter == imagesVector.length) //If all images are loaded

	{

		createInfoPanel();

		timer.addEventListener(TimerEvent.TIMER, autoChange);

		timer.start();

		addPreloader();

		addActions();

	}

}

private function addActions():void

{

	for (var i:int = 0; i < imagesVector.length; i++)//Gets the number of images

	{

		//Sets the listener, changeImage function will be executed when an image is clicked

		imagesVector[i].addEventListener(MouseEvent.MOUSE_UP, changeImage);

	}

}

private function changeImage(e:MouseEvent):void

{

	timer.stop(); //Stop the timer

	if(added) //Check if the preloader is in stage, if true, removes it, if already removed, nothing happens

	{

		removeChild(preloader);

		added = false;

	}

	if (! tweening) //If a transition is not in progress

	{

		lastTarget = e.target; //Get the clicked image

		tween = new Tween(e.target,"alpha",Strong.easeOut,1,0,1,true); //Start a transition

		tween.addEventListener(TweenEvent.MOTION_FINISH, changeDepth); //The image will change its depth when the transition is done

		tweening = true; //Indicates a transition is in progress

		infoCounter++; //Changes the child that will be loaded from the xml

		if (infoCounter >= xml.children().length()) //If the infoCounter is grater than the total number of images

		{

			infoCounter = 0; //Reset

			titleField.text = xml.children()[infoCounter]. @ title; //Apply changes to text fields

			description.text = xml.children()[infoCounter]. @ description;

		}

		else

		{

			titleField.text = xml.children()[infoCounter]. @ title; //Apply changes to text fields

			description.text = xml.children()[infoCounter]. @ description;

		}

	}

}

private function changeDepth(e:TweenEvent):void //When the alpha is 0

{

	setChildIndex(lastTarget, 0); //move the image so it is behind the others

	lastTarget.alpha = 1; //Restore its visibility

	tweening = false; //Mark the tween as being complete

}

private function createInfoPanel():void

{

	//Draw a black rectangle with 50% alpha

	infoPanel.graphics.beginFill(0x000000, 0.5);

	infoPanel.graphics.drawRect(0, 0, 600, 50);

	infoPanel.graphics.endFill();

	//Position and set the value of the title field

	titleField.text = xml.children()[infoCounter]. @ title;

	titleField.x = 5;

	titleField.y = 5;

	//Position and set the value of the description field

	description.text = xml.children()[infoCounter]. @ description;

	description.x = 7;

	description.y = 22;

	infoPanel.y = 250; //Position this panel in the bottom

	//Add the children

	infoPanel.addChild(titleField);

	infoPanel.addChild(description);

	addChild(infoPanel);

}

private function autoChange(e:TimerEvent):void

{

	infoCounter++; //Changes the child that will be loaded from the xml

	lastTarget = imagesVector[xml 1="-" 2="infoCounter" language=".children().length()"][/xml]; //Gets the last image that was tweened

	tween = new Tween(imagesVector[xml 1="-" 2="infoCounter" language=".children().length()"][/xml],"alpha",Strong.easeOut,1,0,1,true); //Creates an alpha tween

	/* The same actions of the manual transition, change info etc. */

	tween.addEventListener(TweenEvent.MOTION_FINISH, changeDepth);

	tweening = true;

	if (infoCounter >= xml.children().length())

	{

		infoCounter = 0;

		titleField.text = xml.children()[infoCounter]. @ title;

		description.text = xml.children()[infoCounter]. @ description;

	}

	else

	{

		titleField.text = xml.children()[infoCounter]. @ title;

		description.text = xml.children()[infoCounter]. @ description;

	}

}

private function addPreloader():void

{

	added = true;

	preloader.scaleX = 0.08;

	preloader.scaleY = 0.08;

	preloader.x = (600 - preloader.width/2) - 12;

	preloader.y = (300 - preloader.height/2) - 12;

	addChild(preloader);

}

}

}

import ImageRotator;

var ir:ImageRotator = new ImageRotator("images.xml", 1100);

addChild(ir);