iOS 核心动画 -基础动画

  核心动画:

       在iOS中核心动画分为几类：基础动画(CABasicAnimation)、关键帧动画(CAKeyframeAnimation)、动画组(CAAnimationGroup)、转场动画(CATransition)

相关知识点以及概念：

CAAnimation: 核心动画的基础类，不能直接使用，负责动画运行时间、速度的控制，本身实现了CAMediaTiming协议。

 

 

 CAPropertyAnimation：属性动画也是基类（通过属性进行动画设置，注意是动画属性），不能直接使用。

 CABasicAnimation：基础动画，通过属性修改进行动画参数控制，只有初始状态和结束状态。

 CAKeyframeAnimation：关键帧动画，同样是通过属性进行动画参数控制，但是同基础动画不同的是它可以有多个状态控制。

 CAAnimationGroup：动画组，动画组是一种组合模式设计，可以通过动画组来进行所有动画行为的统一控制，组中所有动画效果可以并发执行。

 CATransition：转场动画，主要通过滤镜进行动画效果设置。

 

 

 

 基础动画、关键帧动画都属于属性动画，就是通过修改属性值产生动画效果，开发人员只需要设置初始值和结束值，中间的过程动画（又叫“补间动画”）由系统自动计算产生。和基础动画不同的是关键帧动画可以设置多个属性值，每两个属性中间的补间动画由系统自动完成，因此从这个角度而言基础动画又可以看成是有两个关键帧的关键帧动画

 

 创建基础动画 需要通过fromValue   和toValue 属性来指定一个开始值和结束值   当添加基础动画到图层中的时候 它才会开始变化

 autoreverses: 当设定这个属性为 YES时，在它到达目的地之后，会以动画的方式返回到开始的值

 

 duration   设定开始值到结束值花费的时间 期间会被速度得属性影响

 

 speed 默认的值为 1.0.这意味着动画播放按照默认的速度。如果你改变这个值为 2.0,动画会用 2倍的速度播放。 这样的影响就是使持续时间减半。如果你指定的持续时间为 6秒,速度为 2.0,动画就会播放 3秒钟---一半的持续时间

 把速度设置成0就可以暂停动画

 

 

 repeatCount 默认的是 0,意味着动画只会播放一次 这个不应该和 repeatDration 属性一块使用。（负数不是无限循环）

 

 repeatDuration 这个属性指定了动画应该被重复多久。动画会一直重复,直到设定的时间流逝完。它不应该和 repeatCount一起使用

 

 timingFunction 速度控制函数，控制动画运行的节奏

 timingFunction 属性值：

 kCAMediaTimingFunctionLinear（线性）：匀速，给你一个相对静态的感觉

 kCAMediaTimingFunctionEaseIn（渐进）：动画缓慢进入，然后加速离开

 kCAMediaTimingFunctionEaseOut（渐出）：动画全速进入，然后减速的到达目的地

 kCAMediaTimingFunctionEaseInEaseOut（渐进渐出）：动画缓慢的进入，中间加速，然后减速的到达目的地。这个是默认的动画行为。

 

 

 removedOnCompletion 默认为YES，代表动画执行完毕后就从图层上移除，图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态，那就设置为NO，⭐️⭐️⭐️⭐️⭐️不过还要设置fillMode为kCAFillModeForwards

 

 fillMode  设置当前对象在非活动时间段的行为比如动画开始之前或者动画结束之后

 fillMode属性值（上面提到过 要想fillMode有效，需要设置removedOnCompletion = NO）

 

 kCAFillModeRemoved 这个是默认值，也就是说当动画开始前和动画结束后，动画对layer都没有影响，动画结束后，layer会恢复到之前的状态

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

 kCAFillModeBackwards 在动画开始前，只需要将动画加入了一个layer，layer便立即进入动画的初始状态并等待动画开始。

 kCAFillModeBoth 这个其实就是上面两个的合成.动画加入后开始之前，layer便处于动画初始状态，动画结束后layer保持动画最后的状态

 

 CAPropertyAnimation

 可以通过改变animationWithKeyPath来改变动画的属性：

 transform.scale = 比例转换

 

 transform.scale.x

 

 transform.scale.y

 

 transform.rotation.z

 

 opacity = 透明度

 

 zPosition

 

 backgroundColor 背景颜色

 

 cornerRadius 圆角

 

 borderWidth

 

 bounds

 

 contents

 

 contentsRect

 

 cornerRadius

 

 frame

 

 hidden

 

 mask

 

 masksToBounds

 

 opacity

 

 position

 

 shadowColor

 

 shadowOffset

 

 shadowOpacity

 

 shadowRadius

相关举例代码：

     改变position位置

-(void)animiation1

{

CABasicAnimation    属于属性动画  需要告诉它  咱们要改变的属性是哪个（把 属性当做 字符串传递）

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

    

   toValue 设置动画 要到哪个位置

    animation.toValue = [NSValue valueWithCGPoint:CGPointMake(400, showLayer.position.y)];

    animation.duration = 3;

    

 animation.autoreverses = YES;  //以动画的形式回到当前位置

    

    

 animation.fillMode = kCAFillModeBoth;//⭐️⭐️⭐️⭐️⭐️如果使用这个必须要把removedOnCompletion设置为NO

  animation.removedOnCompletion = NO;

  

    

    

    

    

//    设置动画慢进慢出

    /*

     CA_EXTERN NSString * const kCAMediaTimingFunctionLinear

     __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);

     CA_EXTERN NSString * const kCAMediaTimingFunctionEaseIn

     __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);

     CA_EXTERN NSString * const kCAMediaTimingFunctionEaseOut

     __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);

     CA_EXTERN NSString * const kCAMediaTimingFunctionEaseInEaseOut

     __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);

     CA_EXTERN NSString * const kCAMediaTimingFunctionDefault

     __OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_3_0);

     */

    animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];

    

    

  添加动画到图层layer上

    [showLayer addAnimation:animation forKey:@"标志"];

 

}

改变bounds

-(void)animiation2

{

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

    

⭐️⭐️⭐️⭐️⭐️ valueWithCGRect 改变什么属性 就要有相对应的设置

    UIImage *image = [UIImage imageNamed:@"2345"];

    

    animation.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, image.size.width/3, image.size.height/3)];

    animation.duration = 0.5;

    animation.autoreverses = YES;

    animation.repeatCount = HUGE;  //HUGE 无穷大

//    ⭐️⭐️⭐️⭐️⭐️ repeatCount = -1  在这儿不是无限循环

    

    

    [showLayer addAnimation:animation forKey:@"标志"];

    

    

}

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

{

    

    [self animation3];

}

抖动

-(void)animation3

{

    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@“transform.rotation.z"];

    showLayer.anchorPoint = CGPointMake(1, 1);

    animation.fromValue = @(-0.1);

    animation.toValue = @(0.1);

    animation.duration = 0.05;

    animation.repeatCount = 2;

    

//    是否允许它以动画的效果回去

    animation.autoreverses = YES;

    

    [showLayer addAnimation:animation forKey:@"抖动"];

}