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>
巴特西

flex渐变色制作圆角橙色按钮

最新文章

热门文章
