Tuesday, November 24, 2009

Video: Transitions and Easing in Flex

Transitions and Easing in Flex, the next episode in the gripping and suspenseful series CodeDependent, is now available from Adobe TV.

This show examines a sample drawing application that lets the user change the location of the drawing tool palette, and how transitions can help provide a better user experience when changing the layout of the GUI. We also see how various easing approaches change the feel of the transition; no single easing approach fits all situations, so it's good to know what alternatives exist and to experiment with them to see what works best.

Here's the video:

Here is the demo application (nice SF picture courtesy Romain Guy):

And here is the source code.

Finally, here's where you can find the CodeDependent videos on iTunes.



Thomas Burleson said...

What is the @Clear() ? Where can I learn more about the @ usage and the clear() functionality for anchors?

e said...

that's funny; was wondering the same thing as thomas. googling @Clear() and flex was less than effective...

Chet Haase said...

Sorry for the looooong delay, just saw these questions.
@Clear is a way to clear a particular style in a state. So if you want left set at 100 in state s1, but to not be set at all in state s2, then you'd say left.s1="100" left.s2="@Clear()".

Not obvious, and hard to google for given the @ character. But simple to use...