window phone开发之动画效果

本文详细介绍了如何在XAML中使用Microsoft.Phone.Controls.Toolkit命名空间进行导航动画配置,包括进入和退出动画的设置,以及提供了多种动画效果的实例演示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一步:

引入命名空间:

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit">

第二步:

在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.XAMLprivate void InitializePhoneApplication() 里面 加上

RootFrame = new TransitionFrame(); (替换掉原有的)


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值