Sample 8 - DetailPage Effects/Transitions

This example shows the Effects/Transitions available for the DetailPage. These effects can be varied individually and assigned to specific image and text elements on the DetailPage. Many animation combinations are possible with 3D Carousel Effects/Transitions settings!
Control and appearance of the Carousel are effected entirely via the XML file 3dcarouselv2.xml (Help File).




Settings in 3dcarouselv2.xml:
NavigationTransition="easeOutBack"

EffectsTime="0.5"
EffectAnimationEntry="flyright"
EffectAnimationExit="flybottom"
EffectDetailImageEntry="flytop"
EffectDetailImageExit="flytop"
EffectContent1Entry="flytop"
EffectContent1Exit="flytop"
EffectContent2Entry="flyleft"
EffectContent2Exit="flyleft"

TransitionCarouselEntry="easeOutBack"
TransitionCarouselExit="easeInQuad"
TransitionDetailImageEntry="easeOutBack"
TransitionDetailImageExit="easeInQuad"
TransitionContent1Entry="easeOutBack"
TransitionContent1Exit="easeInQuad"
TransitionContent2Entry="easeOutBack"
TransitionContent2Exit="easeInQuad"

Available Effects:
• fade
• flycenter
• flyleft
• flyright
• flytop
• flybottom

Available Transitions: