Con este post comenzare una serie de ejemplos básicos para irnos metiendo a lo nuevo de Flex 4 (aka Gumbo), su nuevo modelo de componentes y nuevas características.
En este primer ejemplo mostrare como se puede cambiar el “baseColor” o background del componente Spark Button.
Antes de continuar cabe resaltar que estos ejemplo estan hechos con Flash Builder 4 Beta 2 y se necesita el FlashPlayer 10 para poder visualizarlos correctamente
Ejemplo
[SWF]http://tmeister.dev/flex/gumbo/basecolor/baseColor.swf,600,200[/SWF]
Hay 3 maneras como podemos cambiar el baseColor, usando MXML, Actionscript o CSS.
MXML
Este es el source del ejemplo anterior.
<?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%">
<s:Label text="baseColor: " />
<mx:ColorPicker id="colorSelector" selectedColor="#cccccc" />
</mx:ApplicationControlBar>
<s:Button
id="button"
baseColor="{colorSelector.selectedColor}"
horizontalCenter="0"
verticalCenter="0"
label="baseColor"
/>
</s:Application>
[…] 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 […]