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> 
