UIComponent Button 02

ButtonTest_04.as

package {
	
	import flash.display.Sprite;
	import flash.display.StageAlign;
	import flash.display.StageScaleMode;

	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.text.TextFormat;

	import fl.controls.Button;
	import fl.managers.StyleManager;
	
	[SWF(backgroundColor = "#B4DCEB", width = "400", height = "150", frameRate = "12")]
	
	public class ButtonTest_04 extends Sprite {
		
		public function ButtonTest_04() {
			stage.showDefaultContextMenu = false;
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
			
			var format:TextFormat = new TextFormat();
			format.size = 11;
			format.font = "Arial";
			
			for (var i:int = 0; i < 2; i++) {
				var button:Button = new Button();
				button.label = "button " + (i + 1);
				button.x = 80 + i * 140;
				button.y = 64;
				button.addEventListener(MouseEvent.MOUSE_OVER, overHandler, false, 0, true);
				button.addEventListener(MouseEvent.MOUSE_OUT, outHandler, false, 0, true);
				addChild(button);
			}
			
			StyleManager.setComponentStyle(Button,"textFormat", format);
		}
		
		private function overHandler(event:MouseEvent):void {
			event.target.emphasized = true;
		}
		
		private function outHandler(event:MouseEvent):void {
			event.target.emphasized = false;
		}
	}
}

ButtonTest_05.as

package {
	
	import flash.display.Sprite;
	import flash.display.StageAlign;
	import flash.display.StageScaleMode;

	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.text.TextFormat;

	import fl.controls.Slider;
	import fl.controls.Button;
	import fl.events.SliderEvent;
	import fl.managers.StyleManager;
	
	[SWF(backgroundColor = "#B4DCEB", width = "400", height = "150", frameRate = "12")]
	
	public class ButtonTest_05 extends Sprite {
		
		private var slider:Slider;
		private var button:Button;
		
		public function ButtonTest_05() {
			stage.showDefaultContextMenu = false;
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
			
			var style:Object = Button.getStyleDefinition();
			var emphasizedPadding:uint = style.emphasizedPadding;
			
			button = new Button();
			button.label = "emphasized padding: " + emphasizedPadding;
			button.emphasized = true;
			button.width = 150;
			button.x = centerAlign(stage.stageWidth, button.width);
			button.y = centerAlign(stage.stageHeight, button.height) - 15;
			addChild(button);
			
			slider = new Slider();
			slider.tickInterval = 1;
			slider.snapInterval = 1;
			slider.liveDragging = true;
			slider.value = emphasizedPadding;
			slider.width = 150;
			slider.x = centerAlign(stage.stageWidth, slider.width);
			slider.y = centerAlign(stage.stageHeight, slider.height) + 15;
			slider.addEventListener(SliderEvent.CHANGE, onChangeEvent, false, 0, true);
			addChild(slider);
			
			var format:TextFormat = new TextFormat();
			format.size = 11;
			format.font = "Arial";
			
			StyleManager.setComponentStyle(Button,"textFormat", format);
		}
		
		private function onChangeEvent(event:SliderEvent):void {
			button.label = "emphasized padding: " + event.value;
			//button.setStyle("emphasizedPadding", event.value);
			StyleManager.setComponentStyle(Button,"emphasizedPadding", event.value);
		}
		
		private function centerAlign(param1:Number, param2:Number):int {
			return Math.round((param1 - param2) / 2);
		}
	}
}