window phone开发之动画效果

第一步:

引入命名空间:

第二步:

在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();  (替换掉原有的) 


posted @ 2011-09-29 09:53  javawebsoa  Views(198)  Comments(0Edit  收藏  举报