nov
6

StageResizer tutorial

Deuxième tutorial pour expliquer l’utilisation de la class StageResizer, qui vous permettra en deux trois lignes de code de réaliser un « liquid layout » pour votre application flash.

Ci-dessous le code pour paramétrer des shapes pour qu’elles se placent et se redimensionne selon les critères passés à la class StageResizer.

Propriétés publiques:

stage : Stage
useMinimumSize : Boolean
updateOnAdding : Boolean
roundPositions : Boolean

Méthodes publiques:

addMember(…) : void
removeMember(…) : void
enableItem(…) : void
defineMinimumSize(…) : void
enable(…) : void
refresh() : void

Code Source :

^?View Code ACTIONSCRIPT

package
{
	//Imports
	import flash.display.Shape;
	import flash.display.Sprite;
	//
	import com.guitouxx.ui.StageResizer;
 
	/**
	 * Tutorial to use the com.guitouxx.ui.StageResizer
	 */
	public class StageResizerExample extends Sprite
	{
 
		public	var	header : Shape;
		public	var	footer : Shape;
		public	var square1	: Shape;
		public	var square2	: Shape;
 
		public function StageResizerExample():void
		{
			StageResizer.stage = stage;
			StageResizer.defineMinimumSize(500, 500) //minimum size for resizing
			StageResizer.useMinimumSize = true;
			StageResizer.roundPositions = true; //positions are rounded during the resize
			StageResizer.updateOnAdding = true; //the resize process is executed after adding a child to the StageResizer
 
			_createObject();
			_initStage();
		}
 
		private function _createObject() : void
		{
			header = new Shape();
			header.name = "header";
			header.graphics.beginFill(0x0096ff);
			header.graphics.drawRect(0, 0, stage.stageWidth, 100);
			header.graphics.endFill();
			addChild(header);
 
			footer = new Shape();
			footer.name = "footer";
			footer.graphics.beginFill(0xffae00);
			footer.graphics.drawRect(0, 0, stage.stageWidth, 50);
			footer.graphics.endFill();
			addChild(footer);
 
			square1 = new Shape();
			square1.name = "square1";
			square1.graphics.beginFill(0x7e00ff);
			square1.graphics.drawRect(0, 0, 100, 100);
			square1.graphics.endFill();
			addChild(square1);
 
			square2 = new Shape();
			square2.name = "square2";
			square2.graphics.beginFill(0xff002a);
			square2.graphics.drawRect(0, 0, 100, 100);
			square2.graphics.endFill();
			addChild(square2);
		}
 
		private function _initStage() : void
		{
			StageResizer.addMember(header, 0, 0, 100, 0, 0, 0, StageResizer.PERCENT_MARGIN);
			StageResizer.addMember(footer, 0, 100, 100, 0, 0, 100, StageResizer.PERCENT_MARGIN);
			StageResizer.addMember(square1, 50, 50, 0, 0, 50, 50, StageResizer.PERCENT_MARGIN);
			StageResizer.addMember(square2, 100, 90, 0, 0, 120, 120, StageResizer.PIXEL_MARGIN);
 
			StageResizer.enable(true);
		}
	}
}