Flex 3 Skin Transitions with Degrafa and AnimateColor
Tuesday, 15 April 2008
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!
No. 1 — April 15th, 2008 at 1:23 pm
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
No. 2 — March 9th, 2009 at 1:47 pm
[...] 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. [...]