flex4.5移动设备开发-自定义按钮
【转】
http://www.terrenceryan.com/blog/post.cfm/quick-and-dirty-skinning-of-a-flex-mobile-button
【效果如下】
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 backgroundoverride 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"); } }}