浅析IOS视图切换动画效果

From: http://mmz06.blog.163.com/blog/static/12141696201151925118682/

 

引入

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

说明

为了避免视图之间切换呆板问题，在IPHONE中引入了转换动画效果，分别在UIKit.framework和QuartzCore.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.viewatIndex: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来实现的，后者与视图动画比起来，具备更大的优势，更容易进行转换，倾斜，放大，缩小等等。