• 核心动画3


    //

    //  ViewController.m

    //  UI-NO-37-2 核心动画3

    //

    //  Created by 容伟 on 15/9/16.

    //  Copyright (c) 2015年 容伟. All rights reserved.

    //

    /*

     核心动画:在iOS中核心动画分为以下几类:

               1、基础动画(CABasicAnimation)2、关键帧动画(CAKeyframeAnimation)3、动画组(CAAnimationGroup)4、转场动画(CATransition)

     

     

     层级关系:

     CAMediaTiming(CAAnimation(CAPropertyAnimation(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 属性一起使用

     

    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

     

     */

    #import "ViewController.h"

     

    @interface ViewController ()

    {

        CALayer *showLayer;

    }

    @end

     

    @implementation ViewController

     

    - (void)viewDidLoad {

        [super viewDidLoad];

     

        UIImage *image = [UIImage imageNamed:[[NSBundle mainBundle] pathForResource:@"2" ofType:@"jpg"]];

        showLayer = [[CALayer alloc] init];

        showLayer.bounds = CGRectMake(0, 0, image.size.width/10, image.size.height/10);

        showLayer.position = self.view.center;

        showLayer.contents = (id)image.CGImage;

        [self.view.layer addSublayer:showLayer];

     

     

    }

     

    #pragma mark --------  改变 position

    - (void)animation1 {

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

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

    //    toValue  设置动画 要到哪一个位置

        animation.toValue = [NSValue valueWithCGPoint:CGPointMake(300, self.view.frame.size.height)];

    //    设置动画持续时间

        animation.duration = 3;

    //    以动画效果 回到初始位置

    //    animation.autoreverses = YES;

        

    //    如果使用 fillMode 必须将 removedOnCompletion 设置 为 NO

    //    animation.removedOnCompletion = NO;

    ////    保持 动画运行后的状态

    //    animation.fillMode = kCAFillModeBoth;

        

    //    设置 慢进慢出

    //   CAMediaTimingFunction

        

        animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];

     

        

        

    //    添加动画 到 图层上面   (forKey 是动画的名字)

        [showLayer addAnimation:animation forKey:@"move"];

        

    }

     

    - (void)animation2 {

        UIImage *image = [UIImage imageNamed:[[NSBundle mainBundle] pathForResource:@"2" ofType:@"jpg"]];

    //  基础动画是继承属性动画的  通过属性名 当做一个key 来确定围绕哪个属性 进行动画

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

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

        aniamtion.duration = 0.5;

        aniamtion.autoreverses = YES;

    //    repeatCount -1 不是无限循环

    //    HUG 无穷大

        aniamtion.repeatCount = HUGE;

        [showLayer addAnimation:aniamtion forKey:@"jump"];

    }

     

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

    //    [self animation1];

    //    [self animation2];

        [self animation3];

        

    }

     

    - (void)animation3 {

        

    //  基础动画是继承属性动画的  通过属性名 当做一个key 来确定围绕哪个属性 进行动画

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

        animation.toValue = @(1);  //  往右(正数的时候,负数的时候 往左)偏移

        animation.fromValue = @(0);//  初始状态在(正数的时候在 右边;负数的时候在左边)偏移

        animation.duration = 1;

        animation.repeatCount = HUGE;

    //    是否以动画的效果 回复原来的状态

        animation.autoreverses = YES;

        [showLayer addAnimation:animation forKey:@"show"];

        

    }

     

    - (void)didReceiveMemoryWarning {

        [super didReceiveMemoryWarning];

        // Dispose of any resources that can be recreated.

    }

     

    @end

     

  • 相关阅读:
    Java实现第九届蓝桥杯第几天
    Java实现第九届蓝桥杯第几天
    Java实现第九届蓝桥杯第几天
    Java实现第九届蓝桥杯第几天
    Java实现第十届蓝桥杯特别数的和
    Mysql大数据备份和增量备份及还原
    学会4种备份MySQL数据库(基本备份方面没问题了)
    解决表单提交参数乱码问题【终极版】不看后悔
    聊聊单元测试(三)——Spring Test+JUnit完美组合
    eclipse gradle插件(buildship)的安装和使用
  • 原文地址:https://www.cnblogs.com/wukun16/p/4884166.html
Copyright © 2020-2023  润新知