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 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>