图层的核心动画(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) IBOutlet UIImageView *imageView;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

}

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

//    [self testPositionAnimation];

//    [self testTransformAnimation];//形变属性:平移

//    [self testTransformRotationAnimation];

[self testTransformScaleAnimation];

}

#pragma mark 测试位置的动画

-(void)testPositionAnimation{

//核心动画使用步骤

//1.创建一个动画对象

CABasicAnimation *animation = [CABasicAnimation animation];

//设置动画类型

animation.keyPath = @"position";

//动画执行的“初始状态”

//    animation.fromValue = [NSValue valueWithCGPoint:CGPointMake(100, 100)];

//动画执行的"最终状态"

//    animation.toValue = [NSValue valueWithCGPoint:CGPointMake(100, 250)];

//每次动画执行的“增加值”

animation.byValue = [NSValue valueWithCGPoint:CGPointMake(10, 10)];

//保存动画执行状态

//解决方案2:使动画保存执行之后的状态,只要设置动画的两个属性

animation.removedOnCompletion = NO;// 动画对象不要移除

animation.fillMode = kCAFillModeForwards;//保存当前的状态

//2.往控件的图层添加动画

[self.imageView.layer addAnimation:animation forKey:nil];

}

#pragma mark 测试形变的“平移动画”

-(void)testTransformAnimation{

//1.创建一个动画对象

CABasicAnimation *animation = [CABasicAnimation animation];

//设置动画类型

//    animation.keyPath = @"transform.translation";

animation.keyPath = @"transform.translation.x";

//每次动画执行的“增加值”

//    animation.byValue = [NSValue valueWithCGPoint:CGPointMake(10, 10)];

//byValue的数据类型是 keypath 决定的

animation.byValue = @10;

//保存动画执行状态

//解决方案2:使动画保存执行之后的状态,只要设置动画的两个属性

animation.removedOnCompletion = NO;// 动画对象不要移除

animation.fillMode = kCAFillModeForwards;//保存当前的状态

//2.往控件的图层添加动画

[self.imageView.layer addAnimation:animation forKey:nil];

}

#pragma mark 测试形变的“旋转”的动画

-(void)testTransformRotationAnimation{

//1.创建一个动画对象

CABasicAnimation *animation = [CABasicAnimation animation];

//设置动画类型

animation.keyPath = @"transform.rotation.x";

//byValue的数据类型是 keypath 决定的

animation.byValue = @(M_PI_4);

//保存动画执行状态

//解决方案2:使动画保存执行之后的状态,只要设置动画的两个属性

animation.removedOnCompletion = NO;// 动画对象不要移除

animation.fillMode = kCAFillModeForwards;//保存当前的状态

//2.往控件的图层添加动画

[self.imageView.layer addAnimation:animation forKey:nil];

}

#pragma mark 测试形变的“缩放”的动画

-(void)testTransformScaleAnimation{

//1.创建一个动画对象

CABasicAnimation *animation = [CABasicAnimation animation];

//设置动画类型 ==>>keyPath 设置图层的属性 bounds/position/transform

//    animation.keyPath = @"transform.translation";

//    animation.keyPath = @"transform.scale";

animation.keyPath = @"transform.scale.x";

//设置动画的时间

animation.duration = 3;

//byValue的数据类型是 keypath 决定的

animation.byValue = @1.5;

//保存动画执行状态

//解决方案2:使动画保存执行之后的状态,只要设置动画的两个属性

animation.removedOnCompletion = NO;// 动画对象不要移除

animation.fillMode = kCAFillModeForwards;//保存当前的状态

//2.往控件的图层添加动画

[self.imageView.layer addAnimation:animation forKey:nil];

}

@end

结果

时间: 2024-12-21 09:36:43

图层的核心动画(CABaseAnimation)续的相关文章

ios开发之图层与核心动画一:图层CALayer的认识

#import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIView *redView; @property (weak, nonatomic) IBOutlet UIImageView *imageV; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]

核心动画 CABaseAnimation

http://www.cnblogs.com/bucengyongyou/archive/2012/12/20/2826590.html

核心动画笔记

核心动画(Core Animation) 一.Core animation简单介绍 1.Core Animation,中文翻译为核心动画,是一套包含图形绘制,投影,动画的Objective–C类集合.它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量的代码就可以实现非常强大的功能.Core Animation自身并不是一个绘图系统.它只是一个负责在硬件上合成和操纵应用内容的基础构件 2.Core Animation是跨平台的,可以用在Mac

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

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

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