package{
 
	import flash.display.*;
	import flash.events.*;
	import fl.controls.Slider;
	import fl.controls.TileList;
	import fl.data.DataProvider;
	import fl.events.SliderEvent;
 
	public class TileListClass extends MovieClip{
		public function TileListClass(){
 
			var baseURL:String = "http://www.helpexamples.com/flash/images/";
 
			var imagesXML:XML =
					<img src="image1.jpg" alt="Image 1" />
					<img src="image2.jpg" alt="Image 2" />
					<img src="image3.jpg" alt="Image 3" />
				;
 
			var dp:DataProvider = new DataProvider(imagesXML);
 
			var columnWidthSlider:Slider = new Slider();
			columnWidthSlider.minimum = 50;
			columnWidthSlider.maximum = 200;
			columnWidthSlider.value = 150;
			columnWidthSlider.liveDragging = true;
			columnWidthSlider.snapInterval = 10;
			columnWidthSlider.tickInterval = 10;
			columnWidthSlider.width = columnWidthSlider.maximum - columnWidthSlider.minimum;
			columnWidthSlider.move(10, 10);
			columnWidthSlider.addEventListener(SliderEvent.CHANGE, changeHandler);
			addChild(columnWidthSlider);
 
			var myTileList:TileList = new TileList();
			myTileList.dataProvider = dp;
			myTileList.labelField = "alt";
			myTileList.sourceFunction = mySourceFunction;
			myTileList.columnWidth = columnWidthSlider.value;
			myTileList.rowHeight = columnWidthSlider.value;
			myTileList.width = stage.stageWidth - 20;
			myTileList.rowCount = 1;
			myTileList.move(10, 30);
			addChild(myTileList);
 
			function mySourceFunction(item:Object):String {
				return baseURL + item.src;
			}
 
			function changeHandler(event:SliderEvent):void {
				myTileList.columnWidth = event.value;
				myTileList.rowHeight = event.value;
				myTileList.rowCount = 1;
			}
 
		}
	}
}