核心动画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

 

时间: 2024-08-10 19:17:40

核心动画3的相关文章

核心动画

在ViewController.m中. @interface ViewController ()@property(nonatomic, strong) UIView * MyView;@end @implementation ViewController - (void)viewDidLoad {    [super viewDidLoad];            self.MyView = [[UIView alloc] initWithFrame:CGRectMake(100, 100,

CoreAnimation编程指南(一)核心动画基础

什么是核心动画 核心动画是一个图形渲染和动画基础设施可在iOS和OS X,你使用的动画的看法和你的应用程序的其他视觉元素.核心动画,大部分的工作需要画出每一帧的动画是为你做的.所有您需要做的就是配置一些动画参数(如起点和终点)告诉核心动画开始.核心动画不休息,把最实际的绘图工作了板载图形硬件加速渲染.这种自动图形加速的结果在高帧速率和流畅的动画,而不增加CPU和减慢你的应用. 如果你正在写的iOS应用程序,您使用的是核心动画无论你是否知道.如果你正在写的OS X应用程序,你可以利用非常小的努力核

IOS-CoreAnimation(核心动画)

一.核心动画 1.Core Animation是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍,使用它需要先添加QuartzCore.framework和引入对应的框架<QuartzCore/QuartzCore.h> 2.开发步骤: ①初始化一个动画对象(CAAnimation)并设置一些动画相关属性 ②添加动画对象到层(CALayer)中,开始执行动画 3.CALayer中很多属性都可以通过CAAnimation实现动画效果,包括:opacity.posi

iOS核心动画Core Animation(二)

一. 使用核心动画实现动画效果的步骤 ■1. 创建动画对象 ■2. 设置动画属性 ■3. 把动画对象添加到某个 CALayer 对象上 ■4. 需要停止动画:可以调用 remove 方法移除动画 具体步骤 1.使用它需要先添加QuartzCore.framework框架和引入主头文件<QuartzCore/QuartzCore.h> 2.初始化一个CAAnimation对象,并设置一些动画相关属性 3.通过调用CALayer的addAnimation:forKey:方法增加CAAnimatio

iOS核心动画Core Animation(一)

核心动画Core Animation(一) 一.简述 Core Animation是直接作用在CALayer上的(并非UIView上)非常强大的跨Mac OS X和iOS平台的动画处理API,Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程. 二.核心动画常识 列举处核心动画的一些常识知识. 核心动画的本质:在后台移动图层中的内容,  执行完毕后图层本身的位置并没有发生变化. 如果是Xcode6之前的版本,要导入<QuartzCore/QuartzCore.h>框架,

核心动画 (CAAnimationGroup)

Main.storyboard ViewController.m // //  ViewController.m //  8A05.核心动画 CAAnimationGroup // //  Created by huan on 16/2/5. //  Copyright © 2016年 huanxi. All rights reserved. // #import "ViewController.h" @interface ViewController () @property (we

图层的核心动画(CABaseAnimation)续

Main.storyboard ViewController.m // //  ViewController.m //  8A01.核心动画 // //  Created by huan on 16/2/4. //  Copyright © 2016年 huanxi. All rights reserved. // #import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IB

核心动画(CAKeyframeAnimation)

Main.storyboard ViewController.m // //  ViewController.m //  8A02.核心动画 - CAKeyframeAnimation // //  Created by huan on 16/2/4. //  Copyright © 2016年 huanxi. All rights reserved. // #import "ViewController.h" @interface ViewController () @propert

iOS:核心动画之动画组CAAnimationGroup

CAAnimationGroup——动画组 动画组,是CAAnimation的子类,可以保存一组动画对象,将CAAnimationGroup对象加入层后,组中所有动画对象可以同时并发运行 属性说明: –animations:用来保存一组动画对象的NSArray 默认情况下,一组动画对象是同时运行的,也可以通过设置动画对象的beginTime属性来更改动画的开始时间 具体的实例如下: 实现功能:在创建的动画组中存入两个基本动画,一个是沿着Z轴旋转360度的动画,另一个是放大2倍的动画,这两个动画并

iOS:核心动画之关键帧动画CAKeyframeAnimation

CAKeyframeAnimation——关键帧动画 关键帧动画,也是CAPropertyAnimation的子类,与CABasicAnimation的区别是: –CABasicAnimation只能从一个数值(fromValue)变到另一个数值(toValue),而CAKeyframeAnimation会使用一个NSArray保存这些数值 – 属性说明: –values:上述的NSArray对象.里面的元素称为“关键帧”(keyframe).动画对象会在指定的时间(duration)内,依次显