• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Enrique Chavez

Professional WordPress Development

  • Home
  • Blog
  • Contact Me
  • Hire Me

Cambiando el color de fondo del “Spark Button”

Flex 4 · Dec 7, 2009

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]
<?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>
[/xml]

Related

Filed Under: Flex 4 Tagged With: BaseColor, Button, Ejemplos, Flex 4, Gumbo

Enrique Chavez

Senior Full Stack WordPress developer & WordPress Enthusiast -
Spend my days building cool stuff with WordPress.

Reader Interactions

Trackbacks

  1. Cambiando el symbolColor en el “Spark CheckBox” | .:: klr20mg ::. Una dosis diaria de .... says:
    Dec 8, 2009 at 12:41 pm

    […] 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 […]

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

SUBSCRIBE FOR UPDATES

Like what you’ve read? If you're interested in my email, sign up here. No spam I promise!

My WordPress Plugins

  • JWT for WP REST API
  • WP Simple Mail Sender
  • Idea Factory

My SideProjects

  • WordPress Plugin Boilerplate Generator

My Profiles

  • WordPress
  • GitHub
  • Linkedin

Additional Info

  • Blog
  • Hire Me
  • Contact Me

© 2021 Enrique Chavez