iOS开发常见的30多个动画

  1. //  
  2. //  CoreAnimationEffect.h  
  3. //  CoreAnimationEffect  
  4. //  
  5. //  Created by summer on 14-09-22.  
  6. //  Copyright (c) [email protected]. All rights reserved.  
  7. //  
  8.    
  9. #import <Foundation/Foundation.h>  
  10.    
  11. /** 
  12.  !  导入QuartzCore.framework 
  13.  * 
  14.  *  Example: 
  15.  * 
  16.  *  Step.1 
  17.  * 
  18.  *     #import <QuartzCore/QuartzCore.h> 
  19.  * 
  20.  *  Step.2 
  21.  * 
  22.  *      [CoreAnimationEffect animationMoveLeft:your view]; 
  23.  *   
  24.  */  
  25.    
  26.    
  27. @interface CoreAnimationEffect : NSObject  
  28.    
  29. #pragma mark - Custom Animation  
  30.    
  31. /** 
  32.  *   @brief 快速构建一个你自定义的动画,有以下参数供你设置. 
  33.  * 
  34.  *   @note  调用系统预置Type需要在调用类引入下句 
  35.  * 
  36.  *          #import <QuartzCore/QuartzCore.h> 
  37.  * 
  38.  *   @param type                动画过渡类型 
  39.  *   @param subType             动画过渡方向(子类型) 
  40.  *   @param duration            动画持续时间 
  41.  *   @param timingFunction      动画定时函数属性 
  42.  *   @param theView             需要添加动画的view. 
  43.  * 
  44.  * 
  45.  */  
  46.    
  47. + (void)showAnimationType:(NSString *)type  
  48.               withSubType:(NSString *)subType  
  49.                  duration:(CFTimeInterval)duration  
  50.            timingFunction:(NSString *)timingFunction  
  51.                      view:(UIView *)theView;  
  52.    
  53. #pragma mark - Preset Animation  
  54.    
  55. /** 
  56.  *  下面是一些常用的动画效果 
  57.  */  
  58.    
  59. // reveal  
  60. + (void)animationRevealFromBottom:(UIView *)view;  
  61. + (void)animationRevealFromTop:(UIView *)view;  
  62. + (void)animationRevealFromLeft:(UIView *)view;  
  63. + (void)animationRevealFromRight:(UIView *)view;  
  64.    
  65. // 渐隐渐消  
  66. + (void)animationEaseIn:(UIView *)view;  
  67. + (void)animationEaseOut:(UIView *)view;  
  68.    
  69. // 翻转  
  70. + (void)animationFlipFromLeft:(UIView *)view;  
  71. + (void)animationFlipFromRigh:(UIView *)view;  
  72.    
  73. // 翻页  
  74. + (void)animationCurlUp:(UIView *)view;  
  75. + (void)animationCurlDown:(UIView *)view;  
  76.    
  77. // push  
  78. + (void)animationPushUp:(UIView *)view;  
  79. + (void)animationPushDown:(UIView *)view;  
  80. + (void)animationPushLeft:(UIView *)view;  
  81. + (void)animationPushRight:(UIView *)view;  
  82.    
  83. // move  
  84. + (void)animationMoveUp:(UIView *)view duration:(CFTimeInterval)duration;  
  85. + (void)animationMoveDown:(UIView *)view duration:(CFTimeInterval)duration;  
  86. + (void)animationMoveLeft:(UIView *)view;  
  87. + (void)animationMoveRight:(UIView *)view;  
  88.    
  89. // 旋转缩放  
  90.    
  91. // 各种旋转缩放效果  
  92. + (void)animationRotateAndScaleEffects:(UIView *)view;  
  93.    
  94. // 旋转同时缩小放大效果  
  95. + (void)animationRotateAndScaleDownUp:(UIView *)view;  
  96.    
  97.    
  98.    
  99. #pragma mark - Private API  
  100.    
  101. /** 
  102.  *  下面动画里用到的某些属性在当前API里是不合法的,但是也可以用. 
  103.  */  
  104.    
  105. + (void)animationFlipFromTop:(UIView *)view;  
  106. + (void)animationFlipFromBottom:(UIView *)view;  
  107.    
  108. + (void)animationCubeFromLeft:(UIView *)view;  
  109. + (void)animationCubeFromRight:(UIView *)view;  
  110. + (void)animationCubeFromTop:(UIView *)view;  
  111. + (void)animationCubeFromBottom:(UIView *)view;  
  112.    
  113. + (void)animationSuckEffect:(UIView *)view;  
  114.    
  115. + (void)animationRippleEffect:(UIView *)view;  
  116.    
  117. + (void)animationCameraOpen:(UIView *)view;  
  118. + (void)animationCameraClose:(UIView *)view;  
  119.    
  120. @end  
  121.    
  122.    
  123.    
  124. //  
  125. //  CoreAnimationEffect.m  
  126. //  CoreAnimationEffect  
  127. //  
  128. //  Created by VincentXue on 14-09-22.  
  129. //  Copyright (c) 2014年 [email protected]. All rights reserved.  
  130. //  
  131.    
  132. #import "CoreAnimationEffect.h"  
  133.    
  134. #import <QuartzCore/QuartzCore.h>  
  135.    
  136. @implementation CoreAnimationEffect  
  137.    
  138. /** 
  139.  *  首先推荐一个不错的网站.   http://www.raywenderlich.com 
  140.  */  
  141.    
  142. #pragma mark - Custom Animation  
  143.    
  144. + (void)showAnimationType:(NSString *)type  
  145.               withSubType:(NSString *)subType  
  146.                  duration:(CFTimeInterval)duration  
  147.            timingFunction:(NSString *)timingFunction  
  148.                      view:(UIView *)theView  
  149. {  
  150.     /** CATransition 
  151.      * 
  152.      *  @see http://www.dreamingwish.com/dream-2012/the-concept-of-coreanimation-programming- 
  153.  
  154. guide.html 
  155.      *  @see http://geeklu.com/2012/09/animation-in-ios/ 
  156.      * 
  157.      *  CATransition 常用设置及属性注解如下: 
  158.      */  
  159.    
  160.     CATransition *animation = [CATransition animation];  
  161.        
  162.     /** delegate 
  163.      * 
  164.      *  动画的代理,如果你想在动画开始和结束的时候做一些事,可以设置此属性,它会自动回调两个代理方法. 
  165.      * 
  166.      *  @see CAAnimationDelegate    (按下command键点击) 
  167.      */  
  168.        
  169.     animation.delegate = self;  
  170.        
  171.     /** duration 
  172.      * 
  173.      *  动画持续时间 
  174.      */  
  175.        
  176.     animation.duration = duration;  
  177.        
  178.     /** timingFunction 
  179.      * 
  180.      *  用于变化起点和终点之间的插值计算,形象点说它决定了动画运行的节奏,比如是均匀变化(相同时间变 
  181.  
  182. 化量相同)还是 
  183.      *  先快后慢,先慢后快还是先慢再快再慢. 
  184.      * 
  185.      *  动画的开始与结束的快慢,有五个预置分别为(下同): 
  186.      *  kCAMediaTimingFunctionLinear            线性,即匀速 
  187.      *  kCAMediaTimingFunctionEaseIn            先慢后快 
  188.      *  kCAMediaTimingFunctionEaseOut           先快后慢 
  189.      *  kCAMediaTimingFunctionEaseInEaseOut     先慢后快再慢 
  190.      *  kCAMediaTimingFunctionDefault           实际效果是动画中间比较快. 
  191.      */  
  192.        
  193.     /** timingFunction 
  194.      * 
  195.      *  当上面的预置不能满足你的需求的时候,你可以使用下面的两个方法来自定义你的timingFunction 
  196.      *  具体参见下面的URL 
  197.      * 
  198.      *  @see  
  199.  
  200. http://developer.apple.com/library/ios/#documentation/Cocoa/Reference/CAMediaTimingFunction_class/ 
  201.  
  202. Introduction/Introduction.html 
  203.      * 
  204.      *  + (id)functionWithControlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y; 
  205.      * 
  206.      *  - (id)initWithControlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y; 
  207.      */  
  208.        
  209.     animation.timingFunction = [CAMediaTimingFunction functionWithName:timingFunction];  
  210.        
  211.     /** fillMode 
  212.      * 
  213.      *  决定当前对象过了非active时间段的行为,比如动画开始之前,动画结束之后. 
  214.      *  预置为: 
  215.      *  kCAFillModeRemoved   默认,当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer 
  216.  
  217. 会恢复到之前的状态 
  218.      *  kCAFillModeForwards  当动画结束后,layer会一直保持着动画最后的状态 
  219.      *  kCAFillModeBackwards 和kCAFillModeForwards相对,具体参考上面的URL 
  220.      *  kCAFillModeBoth      kCAFillModeForwards和kCAFillModeBackwards在一起的效果 
  221.      */  
  222.        
  223.     animation.fillMode = kCAFillModeForwards;  
  224.        
  225.     /** removedOnCompletion 
  226.      * 
  227.      *  这个属性默认为YES.一般情况下,不需要设置这个属性. 
  228.      * 
  229.      *  但如果是CAAnimation动画,并且需要设置 fillMode 属性,那么需要将 removedOnCompletion 设置为 
  230.  
  231. NO,否则 
  232.      *  fillMode无效 
  233.      */  
  234.        
  235. //    animation.removedOnCompletion = NO;  
  236.        
  237.     /** type 
  238.      * 
  239.      *  各种动画效果  其中除了'fade', `moveIn', `push' , `reveal' ,其他属于似有的API(我是这么认为 
  240.  
  241. 的,可以点进去看下注释). 
  242.      *  ↑↑↑上面四个可以分别使用'kCATransitionFade', 'kCATransitionMoveIn', 'kCATransitionPush',  
  243.  
  244. 'kCATransitionReveal'来调用. 
  245.      *  @"cube"                     立方体翻滚效果 
  246.      *  @"moveIn"                   新视图移到旧视图上面 
  247.      *  @"reveal"                   显露效果(将旧视图移开,显示下面的新视图) 
  248.      *  @"fade"                     交叉淡化过渡(不支持过渡方向)             (默认为此效果) 
  249.      *  @"pageCurl"                 向上翻一页 
  250.      *  @"pageUnCurl"               向下翻一页 
  251.      *  @"suckEffect"               收缩效果,类似系统最小化窗口时的神奇效果(不支持过渡方向) 
  252.      *  @"rippleEffect"             滴水效果,(不支持过渡方向) 
  253.      *  @"oglFlip"                  上下左右翻转效果 
  254.      *  @"rotate"                   旋转效果 
  255.      *  @"push"                      
  256.      *  @"cameraIrisHollowOpen"     相机镜头打开效果(不支持过渡方向) 
  257.      *  @"cameraIrisHollowClose"    相机镜头关上效果(不支持过渡方向) 
  258.      */  
  259.        
  260.     /** type 
  261.      * 
  262.      *  kCATransitionFade            交叉淡化过渡 
  263.      *  kCATransitionMoveIn          新视图移到旧视图上面 
  264.      *  kCATransitionPush            新视图把旧视图推出去 
  265.      *  kCATransitionReveal          将旧视图移开,显示下面的新视图 
  266.      */  
  267.        
  268.     animation.type = type;  
  269.        
  270.     /** subtype 
  271.      * 
  272.      *  各种动画方向 
  273.      * 
  274.      *  kCATransitionFromRight;      同字面意思(下同) 
  275.      *  kCATransitionFromLeft; 
  276.      *  kCATransitionFromTop; 
  277.      *  kCATransitionFromBottom; 
  278.      */  
  279.        
  280.     /** subtype 
  281.      * 
  282.      *  当type为@"rotate"(旋转)的时候,它也有几个对应的subtype,分别为: 
  283.      *  90cw    逆时针旋转90° 
  284.      *  90ccw   顺时针旋转90° 
  285.      *  180cw   逆时针旋转180° 
  286.      *  180ccw  顺时针旋转180° 
  287.      */  
  288.        
  289.     /** 
  290.      *  type与subtype的对应关系(必看),如果对应错误,动画不会显现. 
  291.      * 
  292.      *  @see http://iphonedevwiki.net/index.php/CATransition 
  293.      */  
  294.        
  295.     animation.subtype = subType;  
  296.        
  297.     /** 
  298.      *  所有核心动画和特效都是基于CAAnimation,而CAAnimation是作用于CALayer的.所以把动画添加到layer 
  299.  
  300. 上. 
  301.      *  forKey  可以是任意字符串. 
  302.      */  
  303.        
  304.     [theView.layer addAnimation:animation forKey:nil];  
  305. }  
  306.    
  307. #pragma mark - Preset Animation  
  308.    
  309.    
  310. + (void)animationRevealFromBottom:(UIView *)view  
  311. {  
  312.     CATransition *animation = [CATransition animation];  
  313.     [animation setDuration:0.35f];  
  314.     [animation setType:kCATransitionReveal];  
  315.     [animation setSubtype:kCATransitionFromBottom];  
  316.     [animation setFillMode:kCAFillModeForwards];  
  317.     [animation setTimingFunction:[CAMediaTimingFunction   
  318.   
  319. functionWithName:kCAMediaTimingFunctionEaseIn]];  
  320.        
  321.     [view.layer addAnimation:animation forKey:nil];  
  322. }  
  323.    
  324. + (void)animationRevealFromTop:(UIView *)view  
  325. {  
  326.     CATransition *animation = [CATransition animation];  
  327.     [animation setDuration:0.35f];  
  328.     [animation setType:kCATransitionReveal];  
  329.     [animation setSubtype:kCATransitionFromTop];  
  330.     [animation setFillMode:kCAFillModeForwards];  
  331.     [animation setTimingFunction:[CAMediaTimingFunction   
  332.   
  333. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  334.        
  335.     [view.layer addAnimation:animation forKey:nil];  
  336. }  
  337.    
  338. + (void)animationRevealFromLeft:(UIView *)view  
  339. {  
  340.     CATransition *animation = [CATransition animation];  
  341.     [animation setDuration:0.35f];  
  342.     [animation setType:kCATransitionReveal];  
  343.     [animation setSubtype:kCATransitionFromLeft];  
  344.     [animation setFillMode:kCAFillModeForwards];  
  345.     [animation setTimingFunction:[CAMediaTimingFunction   
  346.   
  347. functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];  
  348.        
  349.     [view.layer addAnimation:animation forKey:nil];  
  350. }  
  351.    
  352. + (void)animationRevealFromRight:(UIView *)view  
  353. {  
  354.     CATransition *animation = [CATransition animation];  
  355.     [animation setDuration:0.35f];  
  356.     [animation setType:kCATransitionReveal];  
  357.     [animation setSubtype:kCATransitionFromRight];  
  358.     [animation setFillMode:kCAFillModeForwards];  
  359.     [animation setTimingFunction:[CAMediaTimingFunction   
  360.   
  361. functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];  
  362.        
  363.     [view.layer addAnimation:animation forKey:nil];  
  364. }  
  365.    
  366.    
  367. + (void)animationEaseIn:(UIView *)view  
  368. {  
  369.     CATransition *animation = [CATransition animation];  
  370.     [animation setDuration:0.35f];  
  371.     [animation setType:kCATransitionFade];  
  372.     [animation setFillMode:kCAFillModeForwards];  
  373.     [animation setTimingFunction:[CAMediaTimingFunction   
  374.   
  375. functionWithName:kCAMediaTimingFunctionEaseIn]];  
  376.        
  377.     [view.layer addAnimation:animation forKey:nil];  
  378. }  
  379.    
  380. + (void)animationEaseOut:(UIView *)view  
  381. {  
  382.     CATransition *animation = [CATransition animation];  
  383.     [animation setDuration:0.35f];  
  384.     [animation setType:kCATransitionFade];  
  385.     [animation setFillMode:kCAFillModeForwards];  
  386.     [animation setTimingFunction:[CAMediaTimingFunction   
  387.   
  388. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  389.        
  390.     [view.layer addAnimation:animation forKey:nil];  
  391. }  
  392.    
  393.    
  394. /** 
  395.  *  UIViewAnimation 
  396.  * 
  397.  *  @see    http://www.cocoachina.com/bbs/read.php?tid=110168 
  398.  * 
  399.  *  @brief  UIView动画应该是最简单便捷创建动画的方式了,详解请猛戳URL. 
  400.  *   
  401.  *  @method beginAnimations:context 第一个参数用来作为动画的标识,第二个参数给代理代理传递消息.至于 
  402.  
  403. 为什么一个使用 
  404.  *                                  nil而另外一个使用NULL,是因为第一个参数是一个对象指针,而第二个 
  405.  
  406. 参数是基本数据类型. 
  407.  *  @method setAnimationCurve:      设置动画的加速或减速的方式(速度) 
  408.  *  @method setAnimationDuration:   动画持续时间 
  409.  *  @method setAnimationTransition:forView:cache:   第一个参数定义动画类型,第二个参数是当前视图对 
  410.  
  411. 象,第三个参数是是否使用缓冲区 
  412.  *  @method commitAnimations        动画结束 
  413.  */  
  414.    
  415. + (void)animationFlipFromLeft:(UIView *)view  
  416. {  
  417.     [UIView beginAnimations:nil context:NULL];  
  418.     [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];  
  419.     [UIView setAnimationDuration:0.35f];  
  420.     [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:view cache:NO];  
  421.     [UIView commitAnimations];  
  422. }  
  423.    
  424. + (void)animationFlipFromRigh:(UIView *)view  
  425. {  
  426.     [UIView beginAnimations:nil context:NULL];  
  427.     [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];  
  428.     [UIView setAnimationDuration:0.35f];  
  429.     [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:view cache:NO];  
  430.     [UIView commitAnimations];  
  431. }  
  432.    
  433.    
  434. + (void)animationCurlUp:(UIView *)view  
  435. {  
  436.     [UIView beginAnimations:nil context:NULL];  
  437.     [UIView setAnimationCurve:UIViewAnimationCurveEaseOut];  
  438.     [UIView setAnimationDuration:0.35f];  
  439.     [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:view cache:NO];  
  440.     [UIView commitAnimations];  
  441. }  
  442.    
  443. + (void)animationCurlDown:(UIView *)view  
  444. {  
  445.     [UIView beginAnimations:nil context:NULL];  
  446.     [UIView setAnimationCurve:UIViewAnimationCurveEaseIn];  
  447.     [UIView setAnimationDuration:0.35f];  
  448.     [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:view cache:NO];  
  449.     [UIView commitAnimations];  
  450. }  
  451.    
  452. + (void)animationPushUp:(UIView *)view  
  453. {  
  454.     CATransition *animation = [CATransition animation];  
  455.     [animation setDuration:0.35f];  
  456.     [animation setFillMode:kCAFillModeForwards];  
  457.     [animation setTimingFunction:[CAMediaTimingFunction   
  458.   
  459. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  460.     [animation setType:kCATransitionPush];  
  461.     [animation setSubtype:kCATransitionFromTop];  
  462.        
  463.     [view.layer addAnimation:animation forKey:nil];  
  464. }  
  465.    
  466. + (void)animationPushDown:(UIView *)view  
  467. {  
  468.     CATransition *animation = [CATransition animation];  
  469.     [animation setDuration:0.35f];  
  470.     [animation setFillMode:kCAFillModeForwards];  
  471.     [animation setTimingFunction:[CAMediaTimingFunction   
  472.   
  473. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  474.     [animation setType:kCATransitionPush];  
  475.     [animation setSubtype:kCATransitionFromBottom];  
  476.        
  477.     [view.layer addAnimation:animation forKey:nil];  
  478. }  
  479.    
  480. + (void)animationPushLeft:(UIView *)view  
  481. {  
  482.     CATransition *animation = [CATransition animation];  
  483.     [animation setDuration:0.35f];  
  484.     [animation setFillMode:kCAFillModeForwards];  
  485.     [animation setTimingFunction:[CAMediaTimingFunction   
  486.   
  487. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  488.     [animation setType:kCATransitionPush];  
  489.     [animation setSubtype:kCATransitionFromLeft];  
  490.        
  491.     [view.layer addAnimation:animation forKey:nil];  
  492. }  
  493.    
  494. + (void)animationPushRight:(UIView *)view  
  495. {  
  496.     CATransition *animation = [CATransition animation];  
  497.     [animation setDuration:0.35f];  
  498.     [animation setFillMode:kCAFillModeForwards];  
  499.     [animation setTimingFunction:[CAMediaTimingFunction   
  500.   
  501. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  502.     [animation setType:kCATransitionPush];  
  503.     [animation setSubtype:kCATransitionFromRight];  
  504.        
  505.     [view.layer addAnimation:animation forKey:nil];  
  506. }  
  507.    
  508. // presentModalViewController  
  509. + (void)animationMoveUp:(UIView *)view duration:(CFTimeInterval)duration  
  510. {  
  511.     CATransition *animation = [CATransition animation];  
  512.     [animation setDuration:duration];  
  513.     [animation setFillMode:kCAFillModeForwards];  
  514.     [animation setTimingFunction:[CAMediaTimingFunction   
  515.   
  516. functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];  
  517.     [animation setType:kCATransitionMoveIn];  
  518.     [animation setSubtype:kCATransitionFromTop];  
  519.        
  520.     [view.layer addAnimation:animation forKey:nil];  
  521. }  
  522.    
  523. // dissModalViewController  
  524. + (void)animationMoveDown:(UIView *)view duration:(CFTimeInterval)duration  
  525. {  
  526.     CATransition *transition = [CATransition animation];  
  527.     transition.duration =0.4;  
  528.     transition.timingFunction = [CAMediaTimingFunction   
  529.   
  530. functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  
  531.     transition.type = kCATransitionReveal;  
  532.     transition.subtype = kCATransitionFromBottom;  
  533.     [view.layer addAnimation:transition forKey:nil];  
  534. }  
  535.    
  536. + (void)animationMoveLeft:(UIView *)view  
  537. {  
  538.     CATransition *animation = [CATransition animation];  
  539.     [animation setDuration:0.35f];  
  540.     [animation setFillMode:kCAFillModeForwards];  
  541.     [animation setTimingFunction:[CAMediaTimingFunction   
  542.   
  543. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  544.     [animation setType:kCATransitionMoveIn];  
  545.     [animation setSubtype:kCATransitionFromLeft];  
  546.        
  547.     [view.layer addAnimation:animation forKey:nil];  
  548. }  
  549.    
  550. + (void)animationMoveRight:(UIView *)view  
  551. {  
  552.     CATransition *animation = [CATransition animation];  
  553.     [animation setDuration:0.35f];  
  554.     [animation setFillMode:kCAFillModeForwards];  
  555.     [animation setTimingFunction:[CAMediaTimingFunction   
  556.   
  557. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  558.     [animation setType:kCATransitionMoveIn];  
  559.     [animation setSubtype:kCATransitionFromRight];  
  560.        
  561.     [view.layer addAnimation:animation forKey:nil];  
  562. }  
  563.    
  564. +(void)animationRotateAndScaleEffects:(UIView *)view  
  565. {  
  566.     [UIView animateWithDuration:0.35f animations:^  
  567.      {  
  568.          /** 
  569.           *  @see       http://donbe.blog.163.com/blog/static/138048021201061054243442/ 
  570.           * 
  571.           *  @param     transform   形变属性(结构体),可以利用这个属性去对view做一些翻转或者缩放.详 
  572.  
  573. 解请猛戳↑URL. 
  574.           * 
  575.           *  @method    valueWithCATransform3D: 此方法需要一个CATransform3D的结构体.一些非详细的讲 
  576.  
  577. 解可以看下面的URL 
  578.           * 
  579.           *  @see       http://blog.csdn.net/liubo0_0/article/details/7452166 
  580.           * 
  581.           */  
  582.             
  583.          view.transform = CGAffineTransformMakeScale(0.001, 0.001);  
  584.             
  585.          CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform"];  
  586.             
  587.          // 向右旋转45°缩小到最小,然后再从小到大推出.  
  588.          animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 0.70,   
  589.   
  590. 0.40, 0.80)];  
  591.             
  592.          /** 
  593.           *     其他效果: 
  594.           *     从底部向上收缩一半后弹出 
  595.           *     animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation 
  596.  
  597. (M_PI, 0.0, 1.0, 0.0)]; 
  598.           * 
  599.           *     从底部向上完全收缩后弹出 
  600.           *     animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation 
  601.  
  602. (M_PI, 1.0, 0.0, 0.0)]; 
  603.           * 
  604.           *     左旋转45°缩小到最小,然后再从小到大推出. 
  605.           *     animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation 
  606.  
  607. (M_PI, 0.50, -0.50, 0.50)]; 
  608.           * 
  609.           *     旋转180°缩小到最小,然后再从小到大推出. 
  610.           *     animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation 
  611.  
  612. (M_PI, 0.1, 0.2, 0.2)]; 
  613.           */  
  614.             
  615.          animation.duration = 0.45;  
  616.          animation.repeatCount = 1;  
  617.          [view.layer addAnimation:animation forKey:nil];  
  618.             
  619.      }  
  620.                      completion:^(BOOL finished)  
  621.      {  
  622.          [UIView animateWithDuration:0.35f animations:^  
  623.           {  
  624.               view.transform = CGAffineTransformMakeScale(1.0, 1.0);  
  625.           }];  
  626.      }];  
  627. }  
  628.    
  629. /** CABasicAnimation 
  630.  * 
  631.  *  @see  
  632.  
  633. https://developer.apple.com/library/mac/#documentation/cocoa/conceptual/CoreAnimation_guide/Articl 
  634.  
  635. es/KVCAdditions.html 
  636.  * 
  637.  *  @brief                      便利构造函数 animationWithKeyPath: KeyPath需要一个字符串类型的参数 
  638.  
  639. ,实际上是一个 
  640.  *                              键-值编码协议的扩展,参数必须是CALayer的某一项属性,你的代码会对应的 
  641.  
  642. 去改变该属性的效果 
  643.  *                              具体可以填写什么请参考上面的URL,切勿乱填! 
  644.  *                              例如这里填写的是 @"transform.rotation.z" 意思就是围绕z轴旋转,旋转 
  645.  
  646. 的单位是弧度. 
  647.  *                              这个动画的效果是把view旋转到最小,再旋转回来. 
  648.  *                              你也可以填写@"opacity" 去修改透明度...以此类推.修改layer的属性,可 
  649.  
  650. 以用这个类. 
  651.  * 
  652.  *  @param toValue              动画结束的值.CABasicAnimation自己只有三个属性(都很重要)(其他属性是 
  653.  
  654. 继承来的),分别为: 
  655.  *                              fromValue(开始值), toValue(结束值), byValue(偏移值), 
  656.  !                              这三个属性最多只能同时设置两个; 
  657.  *                              他们之间的关系如下: 
  658.  *                              如果同时设置了fromValue和toValue,那么动画就会从fromValue过渡到 
  659.  
  660. toValue; 
  661.  *                              如果同时设置了fromValue和byValue,那么动画就会从fromValue过渡到 
  662.  
  663. fromValue + byValue; 
  664.  *                              如果同时设置了byValue  和toValue,那么动画就会从toValue - byValue过 
  665.  
  666. 渡到toValue; 
  667.  * 
  668.  *                              如果只设置了fromValue,那么动画就会从fromValue过渡到当前的value; 
  669.  *                              如果只设置了toValue  ,那么动画就会从当前的value过渡到toValue; 
  670.  *                              如果只设置了byValue  ,那么动画就会从从当前的value过渡到当前value +  
  671.  
  672. byValue. 
  673.  * 
  674.  *                              可以这么理解,当你设置了三个中的一个或多个,系统就会根据以上规则使用 
  675.  
  676. 插值算法计算出一个时间差并 
  677.  *                              同时开启一个Timer.Timer的间隔也就是这个时间差,通过这个Timer去不停 
  678.  
  679. 地刷新keyPath的值. 
  680.  !                              而实际上,keyPath的值(layer的属性)在动画运行这一过程中,是没有任何变 
  681.  
  682. 化的,它只是调用了GPU去 
  683.  *                              完成这些显示效果而已. 
  684.  *                              在这个动画里,是设置了要旋转到的弧度,根据以上规则,动画将会从它当前 
  685.  
  686. 的弧度专旋转到我设置的弧度. 
  687.  * 
  688.  *  @param duration             动画持续时间 
  689.  * 
  690.  *  @param timingFunction       动画起点和终点之间的插值计算,也就是说它决定了动画运行的节奏,是快还 
  691.  
  692. 是慢,还是先快后慢... 
  693.  */  
  694.    
  695. /** CAAnimationGroup 
  696.  * 
  697.  *  @brief                      顾名思义,这是一个动画组,它允许多个动画组合在一起并行显示.比如这里 
  698.  
  699. 设置了两个动画, 
  700.  *                              把他们加在动画组里,一起显示.例如你有几个动画,在动画执行的过程中需 
  701.  
  702. 要同时修改动画的某些属性, 
  703.  *                              这时候就可以使用CAAnimationGroup. 
  704.  * 
  705.  *  @param duration             动画持续时间,值得一提的是,如果添加到group里的子动画不设置此属 
  706.  
  707. 性,group里的duration会统一 
  708.  *                              设置动画(包括子动画)的duration属性;但是如果子动画设置了duration属 
  709.  
  710. 性,那么group的duration属性 
  711.  *                              的值不应该小于每个子动画中duration属性的值,否则会造成子动画显示不 
  712.  
  713. 全就停止了动画. 
  714.  * 
  715.  *  @param autoreverses         动画完成后自动重新开始,默认为NO. 
  716.  * 
  717.  *  @param repeatCount          动画重复次数,默认为0. 
  718.  * 
  719.  *  @param animations           动画组(数组类型),把需要同时运行的动画加到这个数组里. 
  720.  * 
  721.  *  @note  addAnimation:forKey  这个方法的forKey参数是一个字符串,这个字符串可以随意设置. 
  722.  * 
  723.  *  @note                       如果你需要在动画group执行结束后保存动画效果的话,设置 fillMode 属性 
  724.  
  725. ,并且把 
  726.  *                              removedOnCompletion 设置为NO; 
  727.  */  
  728.    
  729. + (void)animationRotateAndScaleDownUp:(UIView *)view  
  730. {  
  731.     CABasicAnimation *rotationAnimation = [CABasicAnimation   
  732.   
  733. animationWithKeyPath:@"transform.rotation.z"];  
  734.  rotationAnimation.toValue = [NSNumber numberWithFloat:(2 * M_PI) * 2];  
  735.  rotationAnimation.duration = 0.35f;  
  736.  rotationAnimation.timingFunction = [CAMediaTimingFunction   
  737.   
  738. functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  
  739.        
  740.  CABasicAnimation *scaleAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];  
  741.  scaleAnimation.toValue = [NSNumber numberWithFloat:0.0];  
  742.  scaleAnimation.duration = 0.35f;  
  743.  scaleAnimation.timingFunction = [CAMediaTimingFunction   
  744.   
  745. functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  
  746.     
  747.  CAAnimationGroup *animationGroup = [CAAnimationGroup animation];  
  748.  animationGroup.duration = 0.35f;  
  749.  animationGroup.autoreverses = YES;  
  750.  animationGroup.repeatCount = 1;  
  751.  animationGroup.animations =[NSArray arrayWithObjects:rotationAnimation, scaleAnimation, nil];  
  752.  [view.layer addAnimation:animationGroup forKey:@"animationGroup"];  
  753. }  
  754.    
  755.    
  756.    
  757. #pragma mark - Private API  
  758.    
  759. + (void)animationFlipFromTop:(UIView *)view  
  760. {  
  761.     CATransition *animation = [CATransition animation];  
  762.     [animation setDuration:0.35f];  
  763.     [animation setFillMode:kCAFillModeForwards];  
  764.     [animation setTimingFunction:[CAMediaTimingFunction   
  765.   
  766. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  767.     [animation setType:@"oglFlip"];  
  768.     [animation setSubtype:@"fromTop"];  
  769.        
  770.     [view.layer addAnimation:animation forKey:nil];  
  771. }  
  772.    
  773. + (void)animationFlipFromBottom:(UIView *)view  
  774. {  
  775.     CATransition *animation = [CATransition animation];  
  776.     [animation setDuration:0.35f];  
  777.     [animation setFillMode:kCAFillModeForwards];  
  778.     [animation setTimingFunction:[CAMediaTimingFunction   
  779.   
  780. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  781.     [animation setType:@"oglFlip"];  
  782.     [animation setSubtype:@"fromBottom"];  
  783.        
  784.     [view.layer addAnimation:animation forKey:nil];  
  785. }  
  786.    
  787. + (void)animationCubeFromLeft:(UIView *)view  
  788. {  
  789.     CATransition *animation = [CATransition animation];  
  790.     [animation setDuration:0.35f];  
  791.     [animation setFillMode:kCAFillModeForwards];  
  792.     [animation setTimingFunction:[CAMediaTimingFunction   
  793.   
  794. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  795.     [animation setType:@"cube"];  
  796.     [animation setSubtype:@"fromLeft"];  
  797.        
  798.     [view.layer addAnimation:animation forKey:nil];  
  799. }  
  800.    
  801. + (void)animationCubeFromRight:(UIView *)view  
  802. {  
  803.     CATransition *animation = [CATransition animation];  
  804.     [animation setDuration:0.35f];  
  805.     [animation setFillMode:kCAFillModeForwards];  
  806.     [animation setTimingFunction:[CAMediaTimingFunction   
  807.   
  808. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  809.     [animation setType:@"cube"];  
  810.     [animation setSubtype:@"fromRight"];  
  811.        
  812.     [view.layer addAnimation:animation forKey:nil];  
  813. }  
  814.    
  815. + (void)animationCubeFromTop:(UIView *)view  
  816. {  
  817.     CATransition *animation = [CATransition animation];  
  818.     [animation setDuration:0.35f];  
  819.     [animation setFillMode:kCAFillModeForwards];  
  820.     [animation setTimingFunction:[CAMediaTimingFunction   
  821.   
  822. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  823.     [animation setType:@"cube"];  
  824.     [animation setSubtype:@"fromTop"];  
  825.        
  826.     [view.layer addAnimation:animation forKey:nil];  
  827. }  
  828.    
  829. + (void)animationCubeFromBottom:(UIView *)view  
  830. {  
  831.     CATransition *animation = [CATransition animation];  
  832.     [animation setDuration:0.35f];  
  833.     [animation setFillMode:kCAFillModeForwards];  
  834.     [animation setTimingFunction:[CAMediaTimingFunction   
  835.   
  836. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  837.     [animation setType:@"cube"];  
  838.     [animation setSubtype:@"fromBottom"];  
  839.        
  840.     [view.layer addAnimation:animation forKey:nil];  
  841. }  
  842.    
  843. + (void)animationSuckEffect:(UIView *)view  
  844. {  
  845.     CATransition *animation = [CATransition animation];  
  846.     [animation setDuration:0.35f];  
  847.     [animation setFillMode:kCAFillModeForwards];  
  848.     [animation setTimingFunction:[CAMediaTimingFunction   
  849.   
  850. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  851.     [animation setType:@"suckEffect"];  
  852.        
  853.     [view.layer addAnimation:animation forKey:nil];  
  854. }  
  855.    
  856. + (void)animationRippleEffect:(UIView *)view  
  857. {  
  858.     CATransition *animation = [CATransition animation];  
  859.     [animation setDuration:0.35f];  
  860.     [animation setFillMode:kCAFillModeForwards];  
  861.     [animation setTimingFunction:[CAMediaTimingFunction   
  862.   
  863. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  864.     [animation setType:@"rippleEffect"];  
  865.        
  866.     [view.layer addAnimation:animation forKey:nil];  
  867. }  
  868.    
  869. + (void)animationCameraOpen:(UIView *)view  
  870. {  
  871.     CATransition *animation = [CATransition animation];  
  872.     [animation setDuration:0.35f];  
  873.     [animation setFillMode:kCAFillModeForwards];  
  874.     [animation setTimingFunction:[CAMediaTimingFunction   
  875.   
  876. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  877.     [animation setType:@"cameraIrisHollowOpen"];  
  878.     [animation setSubtype:@"fromRight"];  
  879.        
  880.     [view.layer addAnimation:animation forKey:nil];  
  881. }  
  882.    
  883. + (void)animationCameraClose:(UIView *)view  
  884. {  
  885.     CATransition *animation = [CATransition animation];  
  886.     [animation setDuration:0.35f];  
  887.     [animation setFillMode:kCAFillModeForwards];  
  888.     [animation setTimingFunction:[CAMediaTimingFunction   
  889.   
  890. functionWithName:kCAMediaTimingFunctionEaseOut]];  
  891.     [animation setType:@"cameraIrisHollowClose"];  
  892.     [animation setSubtype:@"fromRight"];  
  893.        
  894.     [view.layer addAnimation:animation forKey:nil];  
  895. }  
  896. @end  

你可能感兴趣的:(ios,常用动画)