IOS开发之UI进阶（动画和核心动画）

动画

最基本的动画使用方式
小知识：IOS基本所有动画的持续时间都是0.25S

//头尾式
//开启一个动画
[UIView beginAnimation:nil context:nil];
//设置动画执行时间
[UIView setAnimationDuration:2];

//=====中间是要执行动画的代码=====
self.btnIcon.center=centerPoint;
//=====中间是要执行动画的代码=====

//执行动画
[UIView commitAnimations];

//Block式
[UIView animateWithDuration:0.5 animations:^{
//执行动画的代码
self.btnIcon.center=centerPoint;
}];

核心动画

Core Animation，中文翻译为核心动画,，它是一组非常强大的动画处理API，使用它能做出非常炫丽的动画效果，而且往往是事半功倍。也就是说，使用少量的代码就可以实现非常强大的功能。
Core Animation可以用在 Mac OS X和iOS平台。
Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程。
要注意的是, Core Animation是直接作用在CALayer上的,并非UIView。

• 继承关系 有基本动画、帧动画、组动画、转场动画
  

基本动画

• 核心动画结束后，默认会回到原来的位置，可以为根layer添加核心动画
• 属性：keyPath、fromValue、toValue、byValue

    //创建动画对象
    CABasicAnimation *basicAnim = [[CABasicAnimation alloc]init];
    //设置属性
    basicAnim.keyPath = @"position.x";//水平方向
    basicAnim.fromValue = @(10);//起点
    basicAnim.toValue = @(300);//终点🏁
    //basicAnim.byValue = @(10);//向右移动10
    //不希望复位
    basicAnim.fillMode = kCAFillModeForwards;
    basicAnim.removedOnCompletion = NO;
    //添加
    [self.view.layer addAnimation:basicAnim forKey:nil];

关键帧动画

	方式一：关键点
    //创建动画对象
    CAKeyframeAnimation *basicAnim = [[CAKeyframeAnimation alloc]init];
    //设置属性
    basicAnim.keyPath = @"position";
    //添加关键帧
    NSValue *v1 = [NSValue valueWithCGPoint:CGPointMake(100, 100)];
    NSValue *v2 = [NSValue valueWithCGPoint:CGPointMake(150, 100)];
    NSValue *v3 = [NSValue valueWithCGPoint:CGPointMake(100, 150)];
    NSValue *v4 = [NSValue valueWithCGPoint:CGPointMake(150, 150)];
    basicAnim.values = @[v1,v2,v3,v4];
    //时间
    basicAnim.duration = 5;
    //重复次数
    basicAnim.repeatCount = INT_MAX;//♾️无限
    //添加
    [self.view.layer addAnimation:basicAnim forKey:nil];

	方式二：路径
    //创建动画对象
    CAKeyframeAnimation *basicAnim = [[CAKeyframeAnimation alloc]init];
    //设置属性
    basicAnim.keyPath = @"position";
    //添加路径
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(150, 150) radius:100 startAngle:0 endAngle:2*M_PI clockwise:1];
    basicAnim.path = path.CGPath;
    //时间
    basicAnim.duration = 2;
    //重复次数
    basicAnim.repeatCount = INT_MAX;//♾️无限
    //添加
    [self.view.layer addAnimation:basicAnim forKey:nil];

组动画

    //1.基本动画
    CABasicAnimation *basicAnim = [[CABasicAnimation alloc]init];
    //设置属性
    basicAnim.keyPath = @"position.rotation";//旋转
    basicAnim.byValue = @(2*M_PI);
    
    //2.关键帧动画
    CAKeyframeAnimation *keyAnim = [[CAKeyframeAnimation alloc]init];
    //设置属性
    keyAnim.keyPath = @"position";
    //添加路径
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(150, 150) radius:100 startAngle:0 endAngle:2*M_PI clockwise:1];
    keyAnim.path = path.CGPath;
    
    //3.创建组动画
    CAAnimationGroup *groupAnim = [[CAAnimationGroup alloc]init];
    groupAnim.animations = @[basicAnim,keyAnim];
    groupAnim.duration = 3;//时间在这里生效
    groupAnim.repeatCount = INT_MAX;

    //添加
    [self.view.layer addAnimation:groupAnim forKey:nil];

转场动画

一般添加到UIImageView里面

    //创建
    CATransition *anim = [[CATransition alloc]init];
    //属性
    anim.type = @"cube";//动画效果 可以自己选的
    anim.subtype = kCATransitionFromLeft;//方向 有的支持，有的不支持
    //添加
    [self.imageView.layer addAnimation:anim forKey:nil];

动画效果：
fade：淡入淡出。不支持subType，设置无效。
moveIn：慢慢进入并覆盖原始。
push：推进效果。
reveal：揭开效果。
cube：立方体效果。
suckEffect：吮吸效果。不支持subType，设置无效。iOS13及以上版本不支持该动画了。
oglFlip：翻转效果。
rippleEffect：波纹效果。不支持subType，设置无效。iOS13及以上版本不支持该动画了。
pageCurl：翻页效果。
pageUnCurl：反翻页效果。
cameraIrisHollowOpen：开镜头效果。不支持subType，设置无效。iOS13及以上版本不支持该动画了。
cameraIrisHollowClose：关镜头效果。不支持subType，设置无效。iOS13及以上版本不支持该动画了。