IOS开发常见30种动画

// 

//  CoreAnimationEffect.h 

//  CoreAnimationEffect 

// 

//  Created by summer on 14-09-22. 

//  Copyright (c) summer2014mht@sina.com. All rights reserved. 

// 

    

#import <Foundation/Foundation.h> 

    

/**

  !  导入QuartzCore.framework

  *

  *  Example:

  *

  *  Step.1

  *

  *     #import <QuartzCore/QuartzCore.h>

  *

  *  Step.2

  *

  *      [CoreAnimationEffect animationMoveLeft:your view];

  *  

  */ 

    

    

@interface CoreAnimationEffect : NSObject 

    

#pragma mark - Custom Animation 

    

/**

  *   @brief 快速构建一个你自定义的动画,有以下参数供你设置.

  *

  *   @note  调用系统预置Type需要在调用类引入下句

  *

  *          #import <QuartzCore/QuartzCore.h>

  *

  *   @param type                动画过渡类型

  *   @param subType             动画过渡方向(子类型)

  *   @param duration            动画持续时间

  *   @param timingFunction      动画定时函数属性

  *   @param theView             需要添加动画的view.

  *

  *

  */ 

    

+ ( void )showAnimationType:(NSString *)type 

               withSubType:(NSString *)subType 

                  duration:(CFTimeInterval)duration 

            timingFunction:(NSString *)timingFunction 

                      view:(UIView *)theView; 

    

#pragma mark - Preset Animation 

    

/**

  *  下面是一些常用的动画效果

  */ 

    

// reveal 

+ ( void )animationRevealFromBottom:(UIView *)view; 

+ ( void )animationRevealFromTop:(UIView *)view; 

+ ( void )animationRevealFromLeft:(UIView *)view; 

+ ( void )animationRevealFromRight:(UIView *)view; 

    

// 渐隐渐消 

+ ( void )animationEaseIn:(UIView *)view; 

+ ( void )animationEaseOut:(UIView *)view; 

    

// 翻转 

+ ( void )animationFlipFromLeft:(UIView *)view; 

+ ( void )animationFlipFromRigh:(UIView *)view; 

    

// 翻页 

+ ( void )animationCurlUp:(UIView *)view; 

+ ( void )animationCurlDown:(UIView *)view; 

    

// push 

+ ( void )animationPushUp:(UIView *)view; 

+ ( void )animationPushDown:(UIView *)view; 

+ ( void )animationPushLeft:(UIView *)view; 

+ ( void )animationPushRight:(UIView *)view; 

    

// move 

+ ( void )animationMoveUp:(UIView *)view duration:(CFTimeInterval)duration; 

+ ( void )animationMoveDown:(UIView *)view duration:(CFTimeInterval)duration; 

+ ( void )animationMoveLeft:(UIView *)view; 

+ ( void )animationMoveRight:(UIView *)view; 

    

// 旋转缩放 

    

// 各种旋转缩放效果 

+ ( void )animationRotateAndScaleEffects:(UIView *)view; 

    

// 旋转同时缩小放大效果 

+ ( void )animationRotateAndScaleDownUp:(UIView *)view; 

    

    

    

#pragma mark - Private API 

    

/**

  *  下面动画里用到的某些属性在当前API里是不合法的,但是也可以用.

  */ 

    

+ ( void )animationFlipFromTop:(UIView *)view; 

+ ( void )animationFlipFromBottom:(UIView *)view; 

    

+ ( void )animationCubeFromLeft:(UIView *)view; 

+ ( void )animationCubeFromRight:(UIView *)view; 

+ ( void )animationCubeFromTop:(UIView *)view; 

+ ( void )animationCubeFromBottom:(UIView *)view; 

    

+ ( void )animationSuckEffect:(UIView *)view; 

    

+ ( void )animationRippleEffect:(UIView *)view; 

    

+ ( void )animationCameraOpen:(UIView *)view; 

+ ( void )animationCameraClose:(UIView *)view; 

    

@end 

// 

//  CoreAnimationEffect.m 

//  CoreAnimationEffect 

// 

//  Created by VincentXue on 14-09-22. 

//  Copyright (c) 2014年 summer2014mht@sina.com. All rights reserved. 

// 

    

#import "CoreAnimationEffect.h" 

    

#import <QuartzCore/QuartzCore.h> 

    

@implementation CoreAnimationEffect 

    

/**

  *  首先推荐一个不错的网站.   http://www.raywenderlich.com

  */ 

    

#pragma mark - Custom Animation 

    

+ ( void )showAnimationType:(NSString *)type 

               withSubType:(NSString *)subType 

                  duration:(CFTimeInterval)duration 

            timingFunction:(NSString *)timingFunction 

                      view:(UIView *)theView 

{ 

     /** CATransition

      *

      *  @see http://www.dreamingwish.com/dream-2012/the-concept-of-coreanimation-programming-

  

guide.html

      *  @see http://geeklu.com/2012/09/animation-in-ios/

      *

      *  CATransition 常用设置及属性注解如下:

      */ 

    

     CATransition *animation = [CATransition animation]; 

        

     /** delegate

      *

      *  动画的代理,如果你想在动画开始和结束的时候做一些事,可以设置此属性,它会自动回调两个代理方法.

      *

      *  @see CAAnimationDelegate    (按下command键点击)

      */ 

        

     animation.delegate = self; 

        

     /** duration

      *

      *  动画持续时间

      */ 

        

     animation.duration = duration; 

        

     /** timingFunction

      *

      *  用于变化起点和终点之间的插值计算,形象点说它决定了动画运行的节奏,比如是均匀变化(相同时间变

  

化量相同)还是

      *  先快后慢,先慢后快还是先慢再快再慢.

      *

      *  动画的开始与结束的快慢,有五个预置分别为(下同):

      *  kCAMediaTimingFunctionLinear            线性,即匀速

      *  kCAMediaTimingFunctionEaseIn            先慢后快

      *  kCAMediaTimingFunctionEaseOut           先快后慢

      *  kCAMediaTimingFunctionEaseInEaseOut     先慢后快再慢

      *  kCAMediaTimingFunctionDefault           实际效果是动画中间比较快.

      */ 

        

     /** timingFunction

      *

      *  当上面的预置不能满足你的需求的时候,你可以使用下面的两个方法来自定义你的timingFunction

      *  具体参见下面的URL

      *

      *  @see 

  

http://developer.apple.com/library/ios/#documentation/Cocoa/Reference/CAMediaTimingFunction_class/

  

Introduction/Introduction.html

      *

      *  + (id)functionWithControlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y;

      *

      *  - (id)initWithControlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y;

      */ 

        

     animation.timingFunction = [CAMediaTimingFunction functionWithName:timingFunction]; 

        

     /** fillMode

      *

      *  决定当前对象过了非active时间段的行为,比如动画开始之前,动画结束之后.

      *  预置为:

      *  kCAFillModeRemoved   默认,当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer

  

会恢复到之前的状态

      *  kCAFillModeForwards  当动画结束后,layer会一直保持着动画最后的状态

      *  kCAFillModeBackwards 和kCAFillModeForwards相对,具体参考上面的URL

      *  kCAFillModeBoth      kCAFillModeForwards和kCAFillModeBackwards在一起的效果

      */ 

        

     animation.fillMode = kCAFillModeForwards; 

        

     /** removedOnCompletion

      *

      *  这个属性默认为YES.一般情况下,不需要设置这个属性.

      *

      *  但如果是CAAnimation动画,并且需要设置 fillMode 属性,那么需要将 removedOnCompletion 设置为

  

NO,否则

      *  fillMode无效

      */ 

        

//    animation.removedOnCompletion = NO; 

        

     /** type

      *

      *  各种动画效果  其中除了'fade', `moveIn', `push' , `reveal' ,其他属于似有的API(我是这么认为

  

的,可以点进去看下注释).

      *  ↑↑↑上面四个可以分别使用'kCATransitionFade', 'kCATransitionMoveIn', 'kCATransitionPush', 

  

'kCATransitionReveal'来调用.

      *  @"cube"                     立方体翻滚效果

      *  @"moveIn"                   新视图移到旧视图上面

      *  @"reveal"                   显露效果(将旧视图移开,显示下面的新视图)

      *  @"fade"                     交叉淡化过渡(不支持过渡方向)             (默认为此效果)

      *  @"pageCurl"                 向上翻一页

      *  @"pageUnCurl"               向下翻一页

      *  @"suckEffect"               收缩效果，类似系统最小化窗口时的神奇效果(不支持过渡方向)

      *  @"rippleEffect"             滴水效果,(不支持过渡方向)

      *  @"oglFlip"                  上下左右翻转效果

      *  @"rotate"                   旋转效果

      *  @"push"                     

      *  @"cameraIrisHollowOpen"     相机镜头打开效果(不支持过渡方向)

      *  @"cameraIrisHollowClose"    相机镜头关上效果(不支持过渡方向)

      */ 

        

     /** type

      *

      *  kCATransitionFade            交叉淡化过渡

      *  kCATransitionMoveIn          新视图移到旧视图上面

      *  kCATransitionPush            新视图把旧视图推出去

      *  kCATransitionReveal          将旧视图移开,显示下面的新视图

      */ 

        

     animation.type = type; 

        

     /** subtype

      *

      *  各种动画方向

      *

      *  kCATransitionFromRight;      同字面意思(下同)

      *  kCATransitionFromLeft;

      *  kCATransitionFromTop;

      *  kCATransitionFromBottom;

      */ 

        

     /** subtype

      *

      *  当type为@"rotate"(旋转)的时候,它也有几个对应的subtype,分别为:

      *  90cw    逆时针旋转90°

      *  90ccw   顺时针旋转90°

      *  180cw   逆时针旋转180°

      *  180ccw  顺时针旋转180°

      */ 

        

     /**

      *  type与subtype的对应关系(必看),如果对应错误,动画不会显现.

      *

      *  @see http://iphonedevwiki.net/index.php/CATransition

      */ 

        

     animation.subtype = subType; 

        

     /**

      *  所有核心动画和特效都是基于CAAnimation,而CAAnimation是作用于CALayer的.所以把动画添加到layer

  

上.

      *  forKey  可以是任意字符串.

      */ 

        

     [theView.layer addAnimation:animation forKey:nil]; 

} 

#pragma mark - Preset Animation 

    

    

+ ( void )animationRevealFromBottom:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setType:kCATransitionReveal]; 

     [animation setSubtype:kCATransitionFromBottom]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseIn]]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationRevealFromTop:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setType:kCATransitionReveal]; 

     [animation setSubtype:kCATransitionFromTop]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationRevealFromLeft:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setType:kCATransitionReveal]; 

     [animation setSubtype:kCATransitionFromLeft]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationRevealFromRight:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setType:kCATransitionReveal]; 

     [animation setSubtype:kCATransitionFromRight]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

    

+ ( void )animationEaseIn:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setType:kCATransitionFade]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseIn]]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationEaseOut:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setType:kCATransitionFade]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

    

/**

  *  UIViewAnimation

  *

  *  @see    http://www.cocoachina.com/bbs/read.php?tid=110168

  *

  *  @brief  UIView动画应该是最简单便捷创建动画的方式了,详解请猛戳URL.

  *  

  *  @method beginAnimations:context 第一个参数用来作为动画的标识,第二个参数给代理代理传递消息.至于

  

为什么一个使用

  *                                  nil而另外一个使用NULL,是因为第一个参数是一个对象指针,而第二个

  

参数是基本数据类型.

  *  @method setAnimationCurve:      设置动画的加速或减速的方式(速度)

  *  @method setAnimationDuration:   动画持续时间

  *  @method setAnimationTransition:forView:cache:   第一个参数定义动画类型，第二个参数是当前视图对

  

象，第三个参数是是否使用缓冲区

  *  @method commitAnimations        动画结束

  */ 

    

+ ( void )animationFlipFromLeft:(UIView *)view 

{ 

     [UIView beginAnimations:nil context:NULL]; 

     [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; 

     [UIView setAnimationDuration:0.35f]; 

     [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:view cache:NO]; 

     [UIView commitAnimations]; 

} 

    

+ ( void )animationFlipFromRigh:(UIView *)view 

{ 

     [UIView beginAnimations:nil context:NULL]; 

     [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; 

     [UIView setAnimationDuration:0.35f]; 

     [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:view cache:NO]; 

     [UIView commitAnimations]; 

} 

    

    

+ ( void )animationCurlUp:(UIView *)view 

{ 

     [UIView beginAnimations:nil context:NULL]; 

     [UIView setAnimationCurve:UIViewAnimationCurveEaseOut]; 

     [UIView setAnimationDuration:0.35f]; 

     [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:view cache:NO]; 

     [UIView commitAnimations]; 

} 

    

+ ( void )animationCurlDown:(UIView *)view 

{ 

     [UIView beginAnimations:nil context:NULL]; 

     [UIView setAnimationCurve:UIViewAnimationCurveEaseIn]; 

     [UIView setAnimationDuration:0.35f]; 

     [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:view cache:NO]; 

     [UIView commitAnimations]; 

} 

    

+ ( void )animationPushUp:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:kCATransitionPush]; 

     [animation setSubtype:kCATransitionFromTop]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationPushDown:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:kCATransitionPush]; 

     [animation setSubtype:kCATransitionFromBottom]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationPushLeft:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:kCATransitionPush]; 

     [animation setSubtype:kCATransitionFromLeft]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationPushRight:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:kCATransitionPush]; 

     [animation setSubtype:kCATransitionFromRight]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

// presentModalViewController 

+ ( void )animationMoveUp:(UIView *)view duration:(CFTimeInterval)duration 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:duration]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; 

     [animation setType:kCATransitionMoveIn]; 

     [animation setSubtype:kCATransitionFromTop]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

// dissModalViewController 

+ ( void )animationMoveDown:(UIView *)view duration:(CFTimeInterval)duration 

{ 

     CATransition *transition = [CATransition animation]; 

     transition.duration =0.4; 

     transition.timingFunction = [CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; 

     transition.type = kCATransitionReveal; 

     transition.subtype = kCATransitionFromBottom; 

     [view.layer addAnimation:transition forKey:nil]; 

} 

    

+ ( void )animationMoveLeft:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:kCATransitionMoveIn]; 

     [animation setSubtype:kCATransitionFromLeft]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationMoveRight:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:kCATransitionMoveIn]; 

     [animation setSubtype:kCATransitionFromRight]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+( void )animationRotateAndScaleEffects:(UIView *)view 

{ 

     [UIView animateWithDuration:0.35f animations:^ 

      { 

          /**

           *  @see       http://donbe.blog.163.com/blog/static/138048021201061054243442/

           *

           *  @param     transform   形变属性(结构体),可以利用这个属性去对view做一些翻转或者缩放.详

  

解请猛戳↑URL.

           *

           *  @method    valueWithCATransform3D: 此方法需要一个CATransform3D的结构体.一些非详细的讲

  

解可以看下面的URL

           *

           *  @see       http://blog.csdn.net/liubo0_0/article/details/7452166

           *

           */ 

             

          view.transform = CGAffineTransformMakeScale(0.001, 0.001); 

             

          CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@ "transform" ]; 

             

          // 向右旋转45°缩小到最小,然后再从小到大推出. 

          animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 0.70,  

   

0.40, 0.80)]; 

             

          /**

           *     其他效果:

           *     从底部向上收缩一半后弹出

           *     animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation

  

(M_PI, 0.0, 1.0, 0.0)];

           *

           *     从底部向上完全收缩后弹出

           *     animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation

  

(M_PI, 1.0, 0.0, 0.0)];

           *

           *     左旋转45°缩小到最小,然后再从小到大推出.

           *     animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation

  

(M_PI, 0.50, -0.50, 0.50)];

           *

           *     旋转180°缩小到最小,然后再从小到大推出.

           *     animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation

  

(M_PI, 0.1, 0.2, 0.2)];

           */ 

             

          animation.duration = 0.45; 

          animation.repeatCount = 1; 

          [view.layer addAnimation:animation forKey:nil]; 

             

      } 

                      completion:^( BOOL finished) 

      { 

          [UIView animateWithDuration:0.35f animations:^ 

           { 

               view.transform = CGAffineTransformMakeScale(1.0, 1.0); 

           }]; 

      }]; 

} 

/** CABasicAnimation

  *

  *  @see 

  

https://developer.apple.com/library/mac/#documentation/cocoa/conceptual/CoreAnimation_guide/Articl

  

es/KVCAdditions.html

  *

  *  @brief                      便利构造函数 animationWithKeyPath: KeyPath需要一个字符串类型的参数

  

,实际上是一个

  *                              键-值编码协议的扩展,参数必须是CALayer的某一项属性,你的代码会对应的

  

去改变该属性的效果

  *                              具体可以填写什么请参考上面的URL,切勿乱填!

  *                              例如这里填写的是 @"transform.rotation.z" 意思就是围绕z轴旋转,旋转

  

的单位是弧度.

  *                              这个动画的效果是把view旋转到最小,再旋转回来.

  *                              你也可以填写@"opacity" 去修改透明度...以此类推.修改layer的属性,可

  

以用这个类.

  *

  *  @param toValue              动画结束的值.CABasicAnimation自己只有三个属性(都很重要)(其他属性是

  

继承来的),分别为:

  *                              fromValue(开始值), toValue(结束值), byValue(偏移值),

  !                              这三个属性最多只能同时设置两个;

  *                              他们之间的关系如下:

  *                              如果同时设置了fromValue和toValue,那么动画就会从fromValue过渡到

  

toValue;

  *                              如果同时设置了fromValue和byValue,那么动画就会从fromValue过渡到

  

fromValue + byValue;

  *                              如果同时设置了byValue  和toValue,那么动画就会从toValue - byValue过

  

渡到toValue;

  *

  *                              如果只设置了fromValue,那么动画就会从fromValue过渡到当前的value;

  *                              如果只设置了toValue  ,那么动画就会从当前的value过渡到toValue;

  *                              如果只设置了byValue  ,那么动画就会从从当前的value过渡到当前value + 

  

byValue.

  *

  *                              可以这么理解,当你设置了三个中的一个或多个,系统就会根据以上规则使用

  

插值算法计算出一个时间差并

  *                              同时开启一个Timer.Timer的间隔也就是这个时间差,通过这个Timer去不停

  

地刷新keyPath的值.

  !                              而实际上,keyPath的值(layer的属性)在动画运行这一过程中,是没有任何变

  

化的,它只是调用了GPU去

  *                              完成这些显示效果而已.

  *                              在这个动画里,是设置了要旋转到的弧度,根据以上规则,动画将会从它当前

  

的弧度专旋转到我设置的弧度.

  *

  *  @param duration             动画持续时间

  *

  *  @param timingFunction       动画起点和终点之间的插值计算,也就是说它决定了动画运行的节奏,是快还

  

是慢,还是先快后慢...

  */ 

    

/** CAAnimationGroup

  *

  *  @brief                      顾名思义,这是一个动画组,它允许多个动画组合在一起并行显示.比如这里

  

设置了两个动画,

  *                              把他们加在动画组里,一起显示.例如你有几个动画,在动画执行的过程中需

  

要同时修改动画的某些属性,

  *                              这时候就可以使用CAAnimationGroup.

  *

  *  @param duration             动画持续时间,值得一提的是,如果添加到group里的子动画不设置此属

  

性,group里的duration会统一

  *                              设置动画(包括子动画)的duration属性;但是如果子动画设置了duration属

  

性,那么group的duration属性

  *                              的值不应该小于每个子动画中duration属性的值,否则会造成子动画显示不

  

全就停止了动画.

  *

  *  @param autoreverses         动画完成后自动重新开始,默认为NO.

  *

  *  @param repeatCount          动画重复次数,默认为0.

  *

  *  @param animations           动画组(数组类型),把需要同时运行的动画加到这个数组里.

  *

  *  @note  addAnimation:forKey  这个方法的forKey参数是一个字符串,这个字符串可以随意设置.

  *

  *  @note                       如果你需要在动画group执行结束后保存动画效果的话,设置 fillMode 属性

  

,并且把

  *                              removedOnCompletion 设置为NO;

  */ 

    

+ ( void )animationRotateAndScaleDownUp:(UIView *)view 

{ 

     CABasicAnimation *rotationAnimation = [CABasicAnimation  

   

animationWithKeyPath:@ "transform.rotation.z" ]; 

  rotationAnimation.toValue = [NSNumber numberWithFloat:(2 * M_PI) * 2]; 

  rotationAnimation.duration = 0.35f; 

  rotationAnimation.timingFunction = [CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; 

        

  CABasicAnimation *scaleAnimation = [CABasicAnimation animationWithKeyPath:@ "transform.scale" ]; 

  scaleAnimation.toValue = [NSNumber numberWithFloat:0.0]; 

  scaleAnimation.duration = 0.35f; 

  scaleAnimation.timingFunction = [CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; 

     

  CAAnimationGroup *animationGroup = [CAAnimationGroup animation]; 

  animationGroup.duration = 0.35f; 

  animationGroup.autoreverses = YES; 

  animationGroup.repeatCount = 1; 

  animationGroup.animations =[NSArray arrayWithObjects:rotationAnimation, scaleAnimation, nil]; 

  [view.layer addAnimation:animationGroup forKey:@ "animationGroup" ]; 

} 

    

    

    

#pragma mark - Private API 

    

+ ( void )animationFlipFromTop:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:@ "oglFlip" ]; 

     [animation setSubtype:@ "fromTop" ]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationFlipFromBottom:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:@ "oglFlip" ]; 

     [animation setSubtype:@ "fromBottom" ]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationCubeFromLeft:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:@ "cube" ]; 

     [animation setSubtype:@ "fromLeft" ]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationCubeFromRight:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:@ "cube" ]; 

     [animation setSubtype:@ "fromRight" ]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationCubeFromTop:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:@ "cube" ]; 

     [animation setSubtype:@ "fromTop" ]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationCubeFromBottom:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:@ "cube" ]; 

     [animation setSubtype:@ "fromBottom" ]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationSuckEffect:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:@ "suckEffect" ]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationRippleEffect:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:@ "rippleEffect" ]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationCameraOpen:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:@ "cameraIrisHollowOpen" ]; 

     [animation setSubtype:@ "fromRight" ]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

    

+ ( void )animationCameraClose:(UIView *)view 

{ 

     CATransition *animation = [CATransition animation]; 

     [animation setDuration:0.35f]; 

     [animation setFillMode:kCAFillModeForwards]; 

     [animation setTimingFunction:[CAMediaTimingFunction  

   

functionWithName:kCAMediaTimingFunctionEaseOut]]; 

     [animation setType:@ "cameraIrisHollowClose" ]; 

     [animation setSubtype:@ "fromRight" ]; 

        

     [view.layer addAnimation:animation forKey:nil]; 

} 

@end

转自：http://www.open-open.com/lib/view/open1413446588262.html