第一步:
引入命名空间:
第二步:
在Grid外部设置如下代码
在xaml文件中:
toolkit:TransitionService.NavigationInTransition 进来的动画
toolkit:NavigationInTransition
toolkit:NavigationInTransition.Backward 后退进入动画
toolkit:NavigationInTransition.Forward 前进进入动画
toolkit:TransitionService.NavigationOutTransition 出去的动画
toolkit:NavigationOutTransition
toolkit:NavigationOutTransition.Backward 后退退出动画
toolkit:NavigationOutTransition.Forward 前进退出动画
--------------------------------------各种动画参数----------------------------------------
toolkit:SlideTransition 飞入动画
Mode
SlideUpFadeIn 向上飞入
SlideUpFadeOut 向上飞出
SlideDownFadeIn 向下飞入
SlideDownFadeOut 向下飞出
SlideLeftFadeIn 向左飞入
SlideLeftFadeIn 向左飞出
SlideRightFadeIn 向右飞入
SlideRightFadeIn 向右飞出
toolkit:RollTransition 360旋转动画
toolkit:RotateTransition 旋转动画
Mode
In180Clockwise 180顺时针转入
Out180Clockwise 180顺时针转出
In180Counterclockwise 180逆时针转入
Out180Counterclockwise 180逆时针转出
In90Clockwise 90顺时针转入
Out90Clockwise 90顺时针转出
In90Counterclockwise 90逆时针转入
Out90Counterclockwise 90逆时针转出
toolkit:SwivelTransition 垂直翻转动画
Mode
BackwardIn 向后翻转入
BackwardOut 向后翻转出
ForwardIn 向前翻转入
ForwardOut 向前翻转出
FullScreenIn 全屏翻转入
FullScreenOut 全屏翻转出
toolkit:TurnstileTransition 翻页动画
Mode
BackwardIn 向后翻入
BackwardOut 向后翻出
ForwardIn 向前翻入
ForwardOut 向前翻出
也是关键性的一步,在APP.XAML private void InitializePhoneApplication() 里面 加上
RootFrame = new TransitionFrame(); (替换掉原有的)