flex渐变色制作圆角橙色按钮示例代码

?xml version="1.0" encoding="utf-8"?>

s:SparkButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
minWidth="42" minHeight="30"
alpha.disabled="0.5">

fx:Metadata>
![CDATA[
/**
* @copy spark.skins.spark.ApplicationSkin#hostComponent
*/
[HostComponent("spark.components.Button")]
]]>
/fx:Metadata>

!-- states -->
s:states>
s:State name="up" />
s:State name="over" />
s:State name="down" />
s:State name="disabled" />
/s:states>

s:Rect left="0" right="0" top="0" bottom="0" topLeftRadiusX="7" topRightRadiusX="7"
bottomLeftRadiusX="7" bottomRightRadiusX="7">
s:stroke>
s:SolidColorStroke color.up="0xfaa51a"/>
/s:stroke>
s:fill>
s:LinearGradient rotation="0">
s:entries>
s:GradientEntry color="0xfaa51a"/>
s:GradientEntry color="0xf47a20" ratio=".5"/>
/s:entries>
/s:LinearGradient>
!--s:RadialGradient rotation="0">
s:entries>
s:GradientEntry color="0xF0FFFF" ratio=".7"/>
s:GradientEntry color="0xFF83FA"/>
/s:entries>
/s:RadialGradient>-->
/s:fill>
/s:Rect>
!-- layer 8: text -->
!--- @copy spark.components.supportClasses.ButtonBase#labelDisplay -->
s:Label id="labelDisplay"
textAlign="center"
maxDisplayedLines="1"
fontSize="20"
horizontalCenter="0" verticalCenter="1" verticalAlign="middle"
left="10" right="10" top="2" bottom="2"
color.up="0xffffff">
/s:Label>

/s:SparkButtonSkin>