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 />
<s:State />
<s:State />
<s:State />
</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
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>