IOS动画简单知识

1.layer的CATransform3D属性.

//旋转
CATransform3DMakeRotation(M_PI, 1, 1, 0);
//平移
CATransform3DMakeTranslation(x,y,z)
//缩放
CATransform3DMakeScale(x,y,z);
//kvc设置属性
NSValue *value = [NSValue     valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 1, 0, 0)];
[self.redView.layer setValue:value forKeyPath:@"transform.scale"];

2.自定义layer,设置位置时,应该将position属性和anchorPoint配合使用

position:设置layer 在当前父控件的位置,以父控件左上为(0,0)点
anchorPoint: 以当前layer左上为(0,0)点,取值范围为0~1,默认中线点是(0.5,0.5)

3.隐式动画(必须在自己手动创建的layer)

//开启事务
[CATransaction begin];
//设置事务有无动画
[CATransaction setDisableActions:YES];
//设置动画执行的时长
[CATransaction setAnimationDuration:2];
    
//提交事务
[CATransaction commit];

4.基础动画

//基础动画的本质是改变图层的某个属性
CABasicAnimation *anim = [CABasicAnimation animation];
//设置属性
anim.keyPath = @"transform.scale";
anim.toValue = @0.5;
//设置动画完成的时候不要移除
anim.removedOnCompletion = NO;
//保存动画最前面的效果.
anim.fillMode = kCAFillModeForwards;
//设置动画自动反转
//anim.autoreverses = YES;
//把动画添加到层上面.
[_redView.layer addAnimation:anim forKey:nil];

5.帧动画(CAKeyframeAnimation)

//创建帧动画
CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
//设置动画属性为旋转
anim.keyPath = @"transform.rotation";
//设置属性值为多个属性
anim.values = @[@(5),@(angle2radio(5)),@(angle2radio(-5))];
//设置动画执行次数
anim.repeatCount = MAXFLOAT;
//添加动画
[_imageView.layer addAnimation:anim forKey:nil];
/**
*anim.path:设置动画的路径(最近直播的点赞动画就可以用此实现)
*anim.duration:设置动画间隔时间
*/

6.转场动画

//添加转场动画
CATransition *anim = [CATransition animation];
anim.duration  = 1;
//设置转场的类型
anim.type = @"cube";
transition.subtype = kCATransitionFromRight;  
//设置动画的起始位置anim.startProgress 
//设置动画的结束位置anim.endProgress = 0.5;
//将动画添加到图层[self.redView.layer addAnimation:transition forKey:nil];
//UIView进行转场动画
[UIView transitionWithView:self.imageV duration:0.5 options:UIViewAnimationOptionTransitionCurlUp animations:^{
        //代码.....
    } completion:^(BOOL finished) {
}];

导航控制器的push就是一个转场动画,如果想要改变可以自定义一个转场动画添加

[self.navigationController.view.layer addAnimation:transition forKey:nil];

7.组合动画
跟名字一样.就是将多个动画加入到一个动画组中

//创建组动画
CAAnimationGroup *group = [CAAnimationGroup animation];

//设置动画组属性
group.animations = @[自定义的动画];
//完成是否一处
group.removedOnCompletion = NO;
/**
*removedOnCompletion设置为NO,fillMode才有作用
*kCAFillModeRemoved:默认,动画结束前后对layer没有影响
*kCAFillModeForwards:layer保持动画结束时候的状态
*kCAFillModeBackwards:layer保持动画开始的状态
*kCAFillModeBoth:动画加入后开始之前,layer便处于动画初始状态,动画结束后layer保持动画最后的状态.
*/
group.fillMode = kCAFillModeForwards;
//添加组动画
[self.redView.layer addAnimation:group forKey:nil];