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
Last Updated: November 2009
[Return to How-To's Home]
 |
|
Do you have comments about this article? We welcome your participation in our community. Please keep your comments civil and on point. You may optionally provide your email address to be notified of replies—your information is not used for any other purpose. By submitting a comment, you agree to these Terms of Use.