101 Windows® Phone 7 Apps, Volume I: Developing Apps 1-50

Appendix D. Animation Easing Reference

Lessons

• Built-In Power Easing Functions

• Other Built-In Easing Functions

• Writing Your Own Easing Function

Windows Phone ships with 11 easing functions that can easily be applied to an animation or a keyframe. Each of them supports three different modes with a property called EasingMode. It can be set to EaseIn, EaseOut (the default value), or EaseInOut. Here’s how you can apply one of the easing function objects—QuadraticEase—to a basic DoubleAnimation:

<DoubleAnimation    Storyboard.TargetProperty="(Canvas.Top)" From="200"    To="0" Duration="0:0:3"> <DoubleAnimation.EasingFunction>   <QuadraticEase/> </DoubleAnimation.EasingFunction> </DoubleAnimation>

And here is how you change EasingMode to something ...