注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

All the splendor in the world is not worth a good friend!! Hello my friend!!

网易考拉推荐

浅析IOS视图切换动画效果  

2011-06-19 14:51:18|  分类: IOS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引入

简要说明IOS中动画的实现……

说明

为了避免视图之间切换呆板问题,在IPHONE中引入了转换动画效果,分别在UIKit.frameworkQuartzCore.framework之中。总的来说两者的播放方向都是left,right,up(top),down(bottom)四种,只不过后者的动画类型要比前者丰富一些。

  好了,现在来看看代码中是怎样实现动画效果的(注意看颜色标注的区别):

CODE:

/*

 * @DO 视图切换动画

 * @param sender(id)

 */

- (void) switchViews:(id)sender

{

// 准备动画

// [UIView beginAnimations:@"Curl"context:nil];

// 动画播放持续时间

// [UIView setAnimationDuration:1.25];

// 动画速度

// [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

// 准备动画

CATransition *animation = [CATransition animation];

//动画播放持续时间

[animation setDuration:0.25f];

//动画速度,何时快、慢

[animation setTimingFunction:[CAMediaTimingFunction

                           functionWithName:kCAMediaTimingFunctionEaseIn]];

if (self.showViewController.view.superview == nil)

    {

    //  动画方向

    //  [UIView setAnimationTransition: UIViewAnimationTransitionCurlUp

    //       forView:self.view cache:YES];

    /*动画效果

     (

       kCATransitionFade淡出|

       kCATransitionMoveIn覆盖原图|

       kCATransitionPush推出|

       kCATransitionReveal底部显出来

     )

     */

    [animation setType:kCATransitionReveal];

    /*动画方向

     (

       kCATransitionFromRight|

       kCATransitionFromLeft|

       kCATransitionFromTop|

       kCATransitionFromBottom

     )

   */

    [animation setSubtype:kCATransitionFromBottom];

    [self.view.layer addAnimation:animation forKey:@"Reveal"];

        [saveViewController.view removeFromSuperview];

        [self.view insertSubview:showViewController.view atIndex:0];

    }

    else

    {

    //  动画方向

    //  [UIView setAnimationTransition: UIViewAnimationTransitionCurlDown

    //     forView:self.view  cache:YES];

    /*动画效果

     (

       suckEffect三角|

       rippleEffect水波|

       pageCurl上翻页|

       pageUnCurl下翻页|

       oglFlip上下翻转|  

     )

     */

    [animation setType:@"suckEffect"];

    //开始动画

    [self.view.layer addAnimation:animation forKey:@"suckEffect"];

        [showViewController.view removeFromSuperview];

    [self.view insertSubview:saveViewController.view atIndex:0];

    }

// 结束动画

// [UIView commitAnimations];

}

 

    其中suckEffect三角 rippleEffect水波 pageCurl上翻页 pageUnCurl下翻页 oglFlip上下翻转这五类动画很少用,主要有两点:1、后者还没有经过官方的发布,很多资料都没有去介绍;2、考虑到其随时都会被官方更改,为着程序的稳定性等因素不去采用。    最后提下,UIKIT.frame中的动画是对UIView的而后者是针对视图的属性layer来实现的,后者与视图动画比起来,具备更大的优势,更容易进行转换,倾斜,放大,缩小等等。

参考

视图转换之动画效果

时间

2011-06-19

 

 

 

  评论这张
 
阅读(8596)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017