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

189 阅读 0 评论 125 点赞

我是靠谱客的博主老实店员，最近开发中收集的这篇文章主要介绍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> 