zoukankan      html  css  js  c++  java
  • IOS 30多个iOS常用动画,带详细注释

    AnimationEffect.h  
    //  CoreAnimationEffect  
    //  
    //  
       
    #import <Foundation/Foundation.h>  
       
    /** 
     !  导入QuartzCore.framework 
     * 
     *  Example: 
     * 
     *  Step.1 
     * 
     *      #import "CoreAnimationEffect.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  
    //  
    //  
       
    #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/Articles/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];  
    

      

  • 相关阅读:
    vue 富文本编译器 vue-quill-editor
    vue-拖拽的使用awe-dnd
    Dapper是什么?
    如何运用领域驱动设计
    面试官问我MySQL索引,我
    MySQL:你知道什么是覆盖索引吗?
    mysql覆盖索引与回表
    C#.NET 字符串转数组,数组转字符串
    MYSQL如何让主键使用BTREE索引
    MySQL大表优化方案 Mysql的row_format(fixed与dynamic)
  • 原文地址:https://www.cnblogs.com/imhere/p/4313308.html
Copyright © 2011-2022 走看看