demo地址 : 属性动画
在做属性动画的时候，先了解下动画继承关系：
CAAnimation ：父类 遵守了CAMediaTiming协议
CAMediaTiming媒体时间类协议
CAMediaTiming中的协议内容
1.beginTime 动画开始的时间 默认为0
2.duration 动画的持续时间 默认为0 持续时间 受速度的影响 实际动画完成时间 = 持续时间/速度
3.speed 动画的播放速度 默认为1 速度设置为0 可以暂停动画 如果speed 2秒 duration 60秒 那么动画真正播放完成的时间 30秒
4.timeOffset 动画播放时间的偏移量
5.repeatCount 动画的循环次数 默认是0 只播放一次
6.repeatDuration 动画循环的持续时间 repeatCount/repeatDuration 只能设置其中的一个属性
7.autoreverses 是否以动画的形式返回 返回到播放之前的状态
8.fillMode 设置当前对象在非活动时间段的状态 要想fillMode有效 需设置removedOnCompletion = NO
kCAFillModeForwards 当动画结束后，layer会一直保持着动画最后的状态
kCAFillModeBackwards 立即进入动画的初始状态并等待动画开始
kCAFillModeBoth 动画加入后开始之前 layer处于动画初始状态 动画结束后layer保持动画最后的状态
kCAFillModeRemoved 默认值 动画结束后 layer会恢复到之前的状态
CAAnimation动画属性方法介绍
1.初始化的方法 animation
2.timingFunction 速度控制类 控制动画运行的节奏
初始化:functionWithName:
kCAMediaTimingFunctionLinear 匀速
kCAMediaTimingFunctionEaseIn 慢进快出
kCAMediaTimingFunctionEaseOut 快进慢出
kCAMediaTimingFunctionEaseInEaseOut 慢进慢出 中间加速
kCAMediaTimingFunctionDefault 默认
3.delegate 代理
4.removedOnCompletion 完成动画的时候 是否移除动画效果
5.代理方法
- (void)animationDidStart:(CAAnimation *)anim
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
三个常用个子类
- CAPropertyAnimation
- CABasicAnimation 扩充属性：
介绍：通过改变某个属性的值 到某个值 只能设置两个值 产生的动画
fromValue 开始值 如果不设置不会返回到初始位置
toValue 结束值
byValue 通过哪个值
@property(nullable, strong) id fromValue;
@property(nullable, strong) id toValue;
@property(nullable, strong) id byValue;
```
- CAKeyframeAnimation
属性解析：
values：就是上述的NSArray对象。里面的元素称为”关键帧”(keyframe)。动画对象会在指定的时间(duration)内，依次显示values数组中的每一个关键帧
path：可以设置一个CGPathRef\CGMutablePathRef,让层跟着路径移动。path只对CALayer的anchorPoint和position起作用。如果你设置了path，那么values将被忽略
keyTimes：可以为对应的关键帧指定对应的时间点,其取值范围为0到1.0,keyTimes中的每一个时间值都对应values中的每一帧.当keyTimes没有设置的时候,各个关键帧的时间是平分的
-
说明：CABasicAnimation可看做是最多只有2个关键帧的CAKeyframeAnimation
CAAnimationGroup
@property(nullable, copy) NSArray<CAAnimation *> *animations;//组动画CATransition 提供渐变效果:(推拉push效果,消退fade效果,揭开reveal效果)。
type：动画过渡的类型
subtype：动画过渡的方向
@property(copy) NSString *type;
@property(nullable, copy) NSString *subtype;
@property float startProgress;
@property float endProgress;
/* Common transition types. */
CA_EXTERN NSString * const kCATransitionFade
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
CA_EXTERN NSString * const kCATransitionMoveIn
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
CA_EXTERN NSString * const kCATransitionPush
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
CA_EXTERN NSString * const kCATransitionReveal
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
/* Common transition subtypes. */
CA_EXTERN NSString * const kCATransitionFromRight
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
CA_EXTERN NSString * const kCATransitionFromLeft
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
CA_EXTERN NSString * const kCATransitionFromTop
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
CA_EXTERN NSString * const kCATransitionFromBottom
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
```
>##### keyPath可以使用的key ,可以做动画的属性，包括虚拟属性
-
define angle2Radian(angle) ((angle)/180.0*M_PI)
- transform.rotation.x 围绕x轴翻转 参数：角度 angle2Radian(4)
transform.rotation.y 围绕y轴翻转 参数：同上
transform.rotation.z 围绕z轴翻转 参数：同上
transform.rotation 默认围绕z轴
transform.scale.x x方向缩放 参数：缩放比例 1.5
transform.scale.y y方向缩放 参数：同上
transform.scale.z z方向缩放 参数：同上
transform.scale 所有方向缩放 参数：同上
transform.translation.x x方向移动 参数：x轴上的坐标 100
transform.translation.y x方向移动 参数：y轴上的坐标
transform.translation.z x方向移动 参数：z轴上的坐标
transform.translation 移动 参数：移动到的点 （100，100）
opacity 透明度 参数：透明度 0.5
backgroundColor 背景颜色 参数：颜色 (id)[[UIColor redColor] CGColor]
cornerRadius 圆角 参数：圆角半径 5
borderWidth 边框宽度 参数：边框宽度 5
bounds 大小 参数：CGRect
contents 内容 参数：CGImage
contentsRect 可视内容 参数：CGRect 值是0～1之间的小数
hidden 是否隐藏
position
shadowColor
shadowOffset
shadowOpacity
shadowRadius
>#####基础动画 基础动画可以看做只有两帧。
经常做的有个 心跳动画，可以尝试一波，有两个方法：
1. 改变bounds
2. 改变 transform.scale
- 第一种
// 创建动画对象
CABasicAnimation *anim = [CABasicAnimation animation];
anim.keyPath = @"bounds"; // transform.scale 表示长和宽都缩放
anim.fromValue = [NSValue valueWithCGRect:self.subLayer.bounds];
anim.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, self.bounds.size.width , self.bounds.size.height )]; // @0 缩放到最小
anim.duration = 0.5; // 设置动画执行时间
anim.repeatCount = MAXFLOAT; // MAXFLOAT 表示动画执行次数为无限次
anim.autoreverses = YES; // 控制动画反转 默认情况下动画从尺寸1到0的过程中是有动画的，但是从0到1的过程中是没有动画的，设置autoreverses属性可以让尺寸0到1也是有过程的
[self.subLayer addAnimation: anim forKey: nil];
- 第二种
// 创建动画对象
CABasicAnimation *anim = [CABasicAnimation animation];
anim.keyPath = @"transform.scale"; // transform.scale 表示长和宽都缩放
anim.toValue = @0; // @0 缩放到最小
anim.duration = 0.5; // 设置动画执行时间
anim.repeatCount = MAXFLOAT; // MAXFLOAT 表示动画执行次数为无限次
anim.autoreverses = YES; // 控制动画反转 默认情况下动画从尺寸1到0的过程中是有动画的，但是从0到1的过程中是没有动画的，设置autoreverses属性可以让尺寸0到1也是有过程的
[self.icon.layer addAnimation: anim forKey: nil];
> #####关键帧动画 tranfrom.rotation 其实是虚拟属性
define angle2Radio(angle) ((angle) * M_PI / 180.0)
CAKeyframeAnimation *animation =[CAKeyframeAnimation animationWithKeyPath:@"transform.rotation"];
animation.values = @[@(angle2Radio(-5)), @(angle2Radio(5)), @(angle2Radio(-5))]; // 把度数转换为弧度 度数/180*M_PI
animation.repeatCount = HUGE;
[self.subLayer addAnimation:animation forKey:nil];
>#####过渡动画 在平常imageview切换时是没有动画的，我们可以在图片切换过程中增加个过渡动画
-
(IBAction)btnAction:(UIButton *)sender {
// 0、切换图片
a++;
if (a> 3) {
a = 1;
}
sender.userInteractionEnabled = NO;
self.icon.image = [UIImage imageNamed: [NSString stringWithFormat: @"%d.jpg", a]];
CATransition *animation =[CATransition animation];
animation.type = @"rippleEffect";
animation.duration = 2;
animation.delegate = self;
animation.timingFunction =[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
[self.icon.layer addAnimation:animation forKey:nil];
sender.userInteractionEnabled = NO;
}
-(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
{
//动画执行完后打开按钮的交互
self.button.userInteractionEnabled = YES;
}
