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.
Este ejemplo esta hecho con Flash Builder 4 Beta 2 y necesita el FlashPlayer 10 para poder visualizarlo correctamente
Ejemplo
[SWF]http://tmeister.dev/flex/gumbo/checkbox/checkBox.swf,600,200[/SWF]
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>
Leave a Reply