How-To's > How do I create a flip transition?

Use a flip transition to show additional details about the information presented in a panel. For instance, a panel can have an image on it with an information icon tucked away in a corner. When the user clicks the information icon, the image panel flips over to reveal the reverse side of the panel, and the user can now read the related information.

Do not use the flip transition if the user's task requires the information on both the panels at the same time. In general, it is better to avoid transitions (especially slower transitions) when the user is using a productivity tool.

Start with the code in the PhotoFlip sample. Use this sample code to create a custom node (called FlipView in the sample) and pass in content nodes for the front panel and back panel. FlipView uses the PerspectiveTransform effect to create the 3-D flip effect.

Examples

• Using Perspective Transform for a 3-D Flip Transition

Last Updated: April 2010
[Return to How-To's Home]

---