[Flex] ButtonBar系列——flex3 ButtonBar样式之颜色的填充

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">

<mx:Style>
.allButtons2 {
/* Creates a gradient from red/orange when button is in the
"out" state. */
fillColors: red, haloOrange;
}

.allButtons4 {
/* Creates a gradient from red/orange when button is in the
"out" state. Creates a gradient from green/blue when
button is in the "over" state. */
fillColors: red, haloOrange, haloGreen, haloBlue;
}

.allButtonsSolid {
fillColors: red, red;
}

.allButtonsSolidOpaque {
fillAlphas: 1.0, 1.0;
fillColors: red, red;
}
</mx:Style>

<mx:ViewStack id="viewStack"
visible="false"
includeInLayout="false">
<mx:VBox label="One">
<mx:Label text="One" />
</mx:VBox>
<mx:VBox label="Two">
<mx:Label text="Two" />
</mx:VBox>
<mx:VBox label="Three">
<mx:Label text="Three" />
</mx:VBox>
</mx:ViewStack>

<mx:Form>
<mx:FormItem label="2 fill colors defined:">
<mx:ButtonBar id="buttonBar2"
buttonStyleName="allButtons2"
dataProvider="{viewStack}" />
</mx:FormItem>
<mx:FormItem label="4 fill colors defined:">
<mx:ButtonBar id="buttonBar4"
buttonStyleName="allButtons4"
dataProvider="{viewStack}" />
</mx:FormItem>
<mx:FormItem label="solid fill:">
<mx:ButtonBar id="buttonBarSolid"
buttonStyleName="allButtonsSolid"
dataProvider="{viewStack}" />
</mx:FormItem>
<mx:FormItem label="solid opaque fill:">
<mx:ButtonBar id="buttonBarSolidOpaque"
buttonStyleName="allButtonsSolidOpaque"
dataProvider="{viewStack}" />
</mx:FormItem>
</mx:Form>

</mx:Application>