It is always fun when you discover new product features that you never knew existed. This happened to me last week as I was looking into Flex 3 skinning. It turns out that not only can you use a single class with states to define component skin states (like “up”, “down”, and “over” on a Button) but transitions also work with these skins! This feature has been noticed by others as well. But I figured I’d blog about it anyways – because it’s so cool!
Here is a quick demo:
I used Darron Schall’s “AnimateColor” effect to transition between colors. And I used Degrafa to draw the shapes inside the skin.
It’s super easy to add these types of transitions to your application! Right-click on the application to see the source code.
Have fun making your Flex apps even sexier!


One Comment
Nice ! Great example.
I feel like a shill posting first, but it had to be said. :) On a side note we are working states directly into the Degrafa skins.
cheers
-jason
One Trackback
[...] everyone to go grab a build and give it a whirl. I did because I wanted to see how I could take a sample I built with Flex 3, Degrafa, and AnimateColor and build the same thing with Flex Gumbo. [...]