flex4.5移动设备开发-自定义按钮

【转】
[url]http://www.terrenceryan.com/blog/post.cfm/quick-and-dirty-skinning-of-a-flex-mobile-button[/url]
【效果如下】
[img]http://dl.iteye.com/upload/attachment/518047/9c184b5d-7809-3086-b643-5ec1079ab77a.png[/img]

package skins
{
	import mx.events.FlexEvent;

	import spark.skins.mobile.ButtonSkin;

	public class DemoButton extends ButtonSkin
	{

		//Import the new assets for the background of the button
		[Bindable]
		[Embed(source="/assets/filterbuttonDown.png")]
		private var down:Class;

		[Bindable]
		[Embed(source="/assets/filterbuttonUp.png")]
		private var up:Class;

		public function DemoButton()
		{
			super();
			//Set the width and the height to the size of the image.
			width = 243;
			height = 103;
		}

		// Override this function to return our skin images and not the normal ones. 
		override protected function getBorderClassForCurrentState():Class
		{
			if (currentState == "down"){
				labelDisplay.setStyle("color",0xFFFFFF);
				return down;
			}
			else{
				labelDisplay.setStyle("color",0x48250A);
				return up;
			}	
		}

		// Override this function to prvent the button from drawing a background
		override protected function drawBackground(unscaledWidth:Number,
                                                           unscaledHeight:Number):void{

		}

		override protected function
                                labelDisplay_valueCommitHandler(event:FlexEvent):void 
		{
			//super.labelDisplay_valueCommitHandler(event);
			labelDisplayShadow.text = labelDisplay.text;

			labelDisplay.setStyle("fontFamily","Lions Den");
			labelDisplay.setStyle("fontSize",40);
			labelDisplay.setStyle("fontWeight","normal");
			labelDisplay.setStyle("color",0x48250A);
			labelDisplayShadow.setStyle("fontFamily","Lions Den");
			labelDisplayShadow.setStyle("fontSize",40);
			labelDisplayShadow.setStyle("fontWeight","normal");

		}

	}
}