iOS常用动画代码片段

最新推荐文章于 2019-05-09 20:53:00 发布
最新推荐文章于 2019-05-09 20:53:00 发布
阅读量392 收藏
点赞数
文章标签： ios 动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011366329/article/details/31804967
版权
//
//  CoreAnimationEffect.h
//  CoreAnimationEffect
//
//  Created by VincentXue on 13-1-19.
//  Copyright (c) 2013年 VincentXue. All rights reserved.
//
 
#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
//
//  Created by VincentXue on 13-1-19.
//  Copyright (c) 2013年 VincentXue. 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
      *
      *
      *  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的对应关系(必看),如果对应错误,动画不会显现.
      *
      */
     
     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
  *
  *
  *  @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 :CATransform 3 DMakeRotation( 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 ];
}
@end
pengfeiyin888
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS 最常用的动画
Fu_Tong的博客
12-22 187
Swift let basicAnimation = CABasicAnimation(keyPath: "transform.rotation.z") basicAnimation.toValue = 0.1 basicAnimation.duration = 0.5 basicAnimation.repeatCount = MAXFLOAT basicAnimation.autoreverses = true
iOS 17个常用代码整理
02-27
在iOS开发中，掌握一些常用的代码片段可以极大地提高开发效率。以下是对提供的17个常用代码的详细解释和拓展： 1. **邮箱格式验证**： ```objc -(BOOL)isValidateEmail:(NSString *)email{ NSString *emailRegex...
IOS 30多个iOS常用动画，带详细注释
热门推荐
风---的专栏
03-19 4万+
// //  CoreAnimationEffect.h //  CoreAnimationEffect // //  Created by VincentXue on 13-1-19. //  Copyright (c) 2013年 VincentXue. All rights reserved. //   #import   /**  !  导入QuartzCore.framework  *
收集各种动画的最简单实现方式
weixin_34087307的博客
04-16 179
☆ 放到让view绕着z轴动画旋转CABasicAnimation* rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue = [NSNumber numberWithFloat:(DEGREE...
IOS 几种简单常用动画
COOL_BEAR_XX的专栏
03-28 737
使用前           需引入QuartzCore.framework, 并在相关文件中加入 #import "QuartzCore/QuartzCore.h"   定义            shakeFeedbackOverlay为UIImageView   设置            self.shakeFeedbackOv
iOS一些常用动画总结
Le_Wrynn的博客
12-21 755
//翻页效果动画 左边     [UIView beginAnimations:@"animation" context:nil];     [UIView setAnimationDuration:1.0f];     [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:s
十七种IOS常用代码整理
03-31
在iOS开发过程中，掌握一些常用的代码片段可以极大地提高开发效率并解决实际问题。这份"十七种iOS常用代码整理"的资料，无疑是开发者们的宝贵资源。它涵盖了多个关键领域，包括UI设计、网络请求、数据存储、动画效果...
ios代码整理－gl
01-12
【标题】"ios代码整理－gl"涉及到的是iOS开发中的Objective-C或Swift编程知识，主要是一些基础且实用的代码片段集合，适用于初学者和团队内部分享，以便于快速理解和应用到项目中。 【描述】"ios 代码 整理 基础版 ...
iphone开发常用代码
05-28
本主题聚焦于“iPhone开发常用代码”，我们将探讨一些在实际项目中经常使用的代码片段和概念，这些对于任何iOS开发者来说都是至关重要的。 1. **Swift基础** Swift是Apple在2014年推出的一种现代化、安全的编程...
iOS实现转盘效果
08-19
- 转盘的视觉效果，包括颜色、文字、图片等，需要在`WheelView.xib`文件中进行设计和配置，这个文件不在提供的代码片段中，但在实际项目中是必要的。 10. **性能优化**： - 为了保持流畅的动画效果，需要确保转盘...
ios 动画收藏
03-27
NULL 博文链接：https://sinaier.iteye.com/blog/1188885
iOS中常用动画大集合
shucunjiaoyegongyuan的博客
06-29 1505
//控件绕着Z轴旋转（也可以绕着X,Y轴旋转） CABasicAnimation *rotationAnimation=[CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue=@(M_PI*2.0); rotationAnimation.duration
iOS 30多个iOS常用动画，带详细注释
jeffasd的专栏
03-22 1347
http://blog.csdn.net/zhibudefeng/article/details/8691567/ //   //  CoreAnimationEffect.h   //  CoreAnimationEffect   //   //  Created by VincentXue on 13-1-19.   //  Copyright (c) 2013
iOS动画系列一
ChangeStrong的博客
07-13 728
前言：做相关demo动画已经有一段时间了、现在闲下来记录下相关动画制作。iOS动画主要就是路径动画、帧动画、缩放动画、以及这些动画的组合叫组合动画。另外还有一些3D动画和转场动画。不想看原理的直接下载demo使用方式很简单。 摇杆(手柄)制作 首先需要绘制摇杆的范围我这画了一个圆形、然后监听用户的手势、根据手势移动的前后位置判断移动的方向上、下、左、右。此外如果你规定用户只能上下或者左右移动、...
iOS应用开发之：常用三种动画表现效果
欧阳大神的专栏
10-29 410
在iPhone开发中，我们常常需要在不同的页面之间做动画的切换，这样看起来更加好看。基本的动画有以下三种： 1.UIView UIView官方提供五种动画效果供大家使用，分别为： UIViewAnimationTransitionNone    不使用动画 UIViewAnimationTransitionFlipFromLeft    从左向右旋转翻页 UIViewAnimat
IOS 添加收藏的动画效果
weixin_33755847的博客
01-24 258
- (void)showAnimation { CGPoint lbCenter = self.headerImageView.center; //the image which will play the animation soon UIImageView *imageView = [[UIImageView alloc] ini...
iOS动画：多个视图的3D动画（19）
tania的专栏
05-09 365
通过这章，你将实现如下的相册效果： 在viewDidApear中添加卡片： for image in images { image.layer.anchorPoint.y = 0.0 image.frame = view.bounds view.addSubview(image) } navigation...
IOS 复杂动画设计 （一）
kyl282889543的博客
12-26 1708
IOS 动画开发设计 动画设计原则
iOS Animation动画效果
Mackellen的专栏
09-18 492
    CAKeyframeAnimation* animation = [CAKeyframeAnimation animationWithKeyPath:@"strokeEnd"]; animation.duration = 1; animation.values = @[@(0), @(1),@(0.75)]; animation.keyTimes = @[@(0), @(0.6)...
iOS动画（CoreAnimation）总结
02-26
"iOS动画（CoreAnimation）总结" 在iOS开发中，CoreAnimation是一个至关重要的框架，它为开发者提供了创建丰富、流畅的2D图形和动画的能力。CoreAnimation是基于图层（CALayer）的，这些图层可以独立于视图（UIView...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值