Este es una entrada de la serie de ejemplos basicos de Flex 4 (Gumbo)

En el siguiente ejemplo les mostrare como pueden cambiar el color de la marca de seleccion de un Spark Checkbox en Flex 4, asi como el basecolor de fondo y el texto del label.

Ejemplo

Para ello usaremos las propiedades

• symbolColor
• baseColor
• color

MXML

[xml]
<?xml version="1.0" encoding="utf-8"?>
<s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
width="100%" height="100%"
>
<mx:ApplicationControlBar width="100%" cornerRadius="0">
<s:Label text="baseColor:" />
<mx:ColorPicker id="colorPickerBase" selectedColor="#cccccc" />
<s:Label text="symbolColor:" />
<mx:ColorPicker id="colorPickerSymbol" selectedColor="#000000" />
<s:Label text="textColor:" />
<mx:ColorPicker id="colorPickerText" selectedColor="#000000" />
</mx:ApplicationControlBar>

<s:CheckBox
label="Spark CheckBox"
selected="true"
baseColor="{colorPickerBase.selectedColor}"
symbolColor="{colorPickerSymbol.selectedColor}"
color="{colorPickerText.selectedColor}"
horizontalCenter="0" verticalCenter="0"
/>

</s:Application>
[/xml]