<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin 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="21" minHeight="21" alpha.disabled="0.5"><!-- host component --><fx:Metadata><![CDATA[ [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><!-- skinParts中定义的外观部件，表示按钮上的文字--><s:Label id="labelDisplay"textAlign="center"verticalAlign="middle"maxDisplayedLines="1"horizontalCenter="0" verticalCenter="1"left="10" right="10" top="2" bottom="2"></s:Label></s:SparkSkin>

<s:Rect id="buttonColor" top="0" bottom="0" left="0" right="0"radiusY="50" radiusX="50"width.over="900" width.down="700" >    <s:fill><s:SolidColor color.up="#0074aa" color.over="#64BC48" color.down="#FF7256"/></s:fill>

<s:transitions><s:Transition fromState="up" toState="over">            <s:Resize target="{buttonColor}"   widthBy="100"/>            </s:Transition><s:Transition fromState="over" toState="up">    <s:Resize target="{buttonColor}"   widthBy="-100"/>    </s:Transition><s:Transition fromState="over" toState="down">    <s:Resize target="{buttonColor}" widthBy="-100"/>    </s:Transition></s:transitions>

<!--不能在此设定按钮的宽度--><s:Button   label="定制按钮实例_Flex开发课堂"  fontFamily="黑体"  fontSize="40"top="10"  skinClass="skins.really_defaultButton"horizontalCenter="0" verticalCenter="0"></s:Button>