Scrollbar in actionscript ?

[RaymondP]

Ok im using the xml gallery template in flash 8 to pull images from a XML file , Im having a few problems with it . The second row is offset and the images are going outside the movieclip i need to find a way to put a scroll bar in .

Also is theyre any way to deturmine the amount of images and use them to set the counters value ?

Thanks

The XML is http://www.alphaaddict.net/Site%20Data/Wallpaper.xml"]here [/URL] And my actionscript is below

// Set the starting X and Y positions for the gallery images.
_global.thisX = 145.3;
_global.thisY = 172.3; 

/* Set static values for the Stage's width and height. 
   Using Stage.width and Stage.height within the code results in 
   strangely positioned full images when testing in the Flash environment 
   (but the problem doesn't exist when published to a SWF file). */
_global.stageWidth = 430.6;
_global.stageHeight = 379.5;

// Create and configure the XML instance which is used to load the list of gallery images on the fly.
var gallery_xml:XML = new XML();
gallery_xml.ignoreWhite = true;
gallery_xml.onLoad = function(success:Boolean) {
	try {
		/* if you are able to successfully load and parse the gallery from a remote XML file, 
		   parse out the image names and add them to an array. */
		if (success) {
			var images:Array = this.firstChild.childNodes;
			var gallery_array:Array = new Array();
			for (var i = 0; i<images.length; i++) {
				gallery_array.push({src:images[i].firstChild.nodeValue});
			}
			/* call the displayGallery function which handles loading in each 
			   of the gallery images and placing them on the Stage. */
			displayGallery(gallery_array);
		} else {
			throw new Error("Unable to parse XML");
		}
	} catch (e_err:Error) {
		trace(e_err.message);
	} finally {
		delete this;
	}
};

// load the gallery.xml file from the current directory.
gallery_xml.load("Site Data/Wallpaper.xml");

/* create a function which loops through the images in an array,
   and creates new movie clips on the Stage. */
function displayGallery(gallery_array:Array) {
	var galleryLength:Number = gallery_array.length;
	// loop through each of the images in the gallery_array.
	for (var i = 0; i<galleryLength; i++) {
		/* create a movie clip instance which holds the image. We'll also set a variable, 
		   thisMC, which is an alias to the movie clip instance. */
		var thisMC:MovieClip = this.createEmptyMovieClip("image"+i+"_mc", i);
		
		/* load the current image source into the new movie clip instance, 
		   using the MovieClipLoader class. */
		mcLoader_mcl.loadClip(gallery_array[i].src, thisMC);
		
		// attach the preloader symbol from the Library onto the Stage.
		preloaderMC = this.attachMovie("preloader_mc", "preloader"+i+"_mc", 5000+i);
		
		/* set the preloader's bar_mc's _xscale property to 0% 
		   and set a default value in the progress bars text field. */
		preloaderMC.bar_mc._xscale = 0;
		preloaderMC.progress_txt.text = "0%";
		
		// set the _x and _y coordinates of the new movie clip.
		thisMC._x = _global.thisX;
		thisMC._y = _global.thisY;
		
		// set the position of the image preloader.
		preloaderMC._x = _global.thisX;
		preloaderMC._y = _global.thisY+20;
		
		// if you've displayed 4 columns of images, start a new row.
		if ((i+1)%3 == 0) {
			// reset the X and Y positions
			_global.thisX = 120;
			_global.thisY += 100;
		} else {
			_global.thisX += 145.3+10;
		}
	}
}

// define the MovieClipLoader instance and MovieClipLoader listener Object.
var mcLoader_mcl:MovieClipLoader = new MovieClipLoader();
var mclListener:Object = new Object();
mclListener.onLoadStart = function() {
};

// while the content is preloading, modify the width of the progress bar.
mclListener.onLoadProgress = function(target_mc, loadedBytes, totalBytes) {
	var pctLoaded:Number = Math.round(loadedBytes/totalBytes*100);
	// create a shortcut for the path to the preloader movie clip.
	var preloaderMC = target_mc._parent["preloader"+target_mc.getDepth()+"_mc"];
	preloaderMC.bar_mc._xscale = pctLoaded;
	preloaderMC.progress_txt.text = pctLoaded+"%";
};

// when the onLoadInit event is thrown, you're free to position the instances 
mclListener.onLoadInit = function(evt:MovieClip) {
	evt._parent["preloader"+evt.getDepth()+"_mc"].removeMovieClip();
	/* set local variables for the target movie clip's width and height,
	   and the desired settings for the image stroke and border. */
	var thisWidth:Number = evt._width;
	var thisHeight:Number = evt._height;
	var borderWidth:Number = 2;
	var marginWidth:Number = 8;
	evt.scale = 20;
	// draw a white rectangle with a black stroke around the images.
	evt.lineStyle(borderWidth, 0x000000, 100);
	evt.beginFill(0xFFFFFF, 100);
	evt.moveTo(-borderWidth-marginWidth, -borderWidth-marginWidth);
	evt.lineTo(thisWidth+borderWidth+marginWidth, -borderWidth-marginWidth);
	evt.lineTo(thisWidth+borderWidth+marginWidth, thisHeight+borderWidth+marginWidth);
	evt.lineTo(-borderWidth-marginWidth, thisHeight+borderWidth+marginWidth);
	evt.lineTo(-borderWidth-marginWidth, -borderWidth-marginWidth);
	evt.endFill();
	};

 

[kennethkawamoto]

You may want to use ScrollPane Component, or code your own scroller.

> Also is theyre any way to deturmine the amount of images

You already have it: "galleryLength" is the number of images in the XML.

Kenneth Kawamoto

http://www.materiaprima.co.uk