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>