如何在Flex 4中的按鈕欄的按鈕中放置一個簡單的漸變？

你怎麼在ctrl按鈕上放一個簡單的漸變？我一直在尋找，我根本不感興趣，看起來很奇怪，所有的髒代碼只有一個簡單的漸變。如何在Flex 4中的按鈕欄的按鈕中放置一個簡單的漸變？

這是我的CSS

.my_ButtonBar{ 
    buttonStyleName: "buttonBarButton"; 
    firstButtonStyleName: "firstButtonBarButton"; 
    lastButtonStyleName: "lastButtonBarButton"; 
} 

.buttonBarButton 
{ 
    fillColors: red, red; 
}

這是我的MXML

<s:ButtonBar dataProvider="{viewstack}" width="200" top="0" left="0" styleName="main_ButtonBar"> 
    <s:layout> 
     <s:TileLayout columnWidth="200" rowHeight="50" 
       horizontalGap="-1" verticalGap="-1" /> 
    </s:layout> 
</s:ButtonBar>

user700284的回覆我創建基礎上，按鈕欄類的新的skinClass後。

<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
     alpha.disabled="0.5"> 

    <fx:Metadata> 
    <![CDATA[ 
     /** 
     * @copy spark.skins.spark.ApplicationSkin#hostComponent 
     */ 
     [HostComponent("spark.components.ButtonBar")] 
    ]]> 
    </fx:Metadata> 

    <s:states> 
     <s:State name="normal" /> 
     <s:State name="disabled" /> 
    </s:states> 

    <fx:Declarations> 
     <fx:Component id="firstButton"> 
      <s:ButtonBarButton skinClass="spark.skins.spark.ButtonBarFirstButtonSkin" /> 
     </fx:Component> 

     <fx:Component id="middleButton" > 
      <s:ButtonBarButton skinClass="spark.skins.spark.ButtonBarMiddleButtonSkin" /> 
     </fx:Component> 

     <fx:Component id="lastButton" > 
      <s:ButtonBarButton skinClass="spark.skins.spark.ButtonBarLastButtonSkin" /> 
     </fx:Component> 
    </fx:Declarations> 

    <s:DataGroup id="dataGroup" width="100%" height="100%"> 
     <s:layout> 
     <s:TileLayout columnWidth="200" rowHeight="50" 
      horizontalGap="-1" verticalGap="-1" /> 
     </s:layout> 
    </s:DataGroup> 
</s:Skin>

如果我添加rect填充它將填滿整個buttonbar而不是單獨的每個按鈕。我怎麼才能在按鈕上放一個簡單的漸變?????

來源

2011-04-25 def