核心动画(基础动画)-转

一.简单介绍   CAPropertyAnimation的子类

属性解析:

fromValue:keyPath相应属性的初始值 
toValue:keyPath相应属性的结束值 
  随着动画的进行,在长度为duration的持续时间内,keyPath相应属性的值从fromValue渐渐的变为toValue。 
  如果 fillMode=kCAFillModeForwards和removedOnComletion=NO,那么在动画执行完毕后,图层会保持显示动画执行后的状态。但在实质上,图层的属性值还是动画执行前的初始值,并没有真正被改变。 
  比如,CALayer的position初始值为(0,0),CABasicAnimation的fromValue为(10,10),toValue为(100,100),虽然动画执行完毕后图层保持在(100,100)这个位置,实质上图层的position还是为(0,0)。

二.平移动画

#import "ViewController.h"
@interface ViewController ()
@property(nonatomic,strong) CALayer *myLayer;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //创建layer
    CALayer *layer = [CALayer layer];
    //设置layer属性
    layer.bounds = CGRectMake(0, 0, 50, 80);
    layer.backgroundColor = [UIColor yellowColor].CGColor;
    layer.position = CGPointMake(50, 50);
    layer.anchorPoint = CGPointMake(0, 0);
    layer.cornerRadius = 20;
    //添加layer
    [self.view.layer addSublayer:layer];
    _myLayer = layer;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

//设置动画(基础动画)
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    //创建核心动画
    CABasicAnimation *animation = [CABasicAnimation animation];

    //告诉系统要执行什么的动画
    animation.keyPath = @"position";
    //设置通过动画,将layer从哪儿移动到哪儿
    animation.fromValue = [NSValue valueWithCGPoint:CGPointMake(0, 0)];
    animation.toValue = [NSValue valueWithCGPoint:CGPointMake(200, 300)];

    //设置动画执行完毕之后不删除动画
    animation.removedOnCompletion = NO;
    //设置保持动画的最新状态
    animation.fillMode = kCAFillModeForwards;

    //添加核心动画到layer
    [self.myLayer addAnimation:animation forKey:nil];
}

@end

  说明: byValue和toValue的区别,前者是在当前的位置上增加多少,后者是到指定的位置。 设置代理:设置动画的代理,可以监听动画的执行过程,这里设置控制器为代理。

#import <QuartzCore/QuartzCore.h>
@interface ViewController ()<CAAnimationDelegate>
@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //创建layer
    CALayer *layer = [CALayer layer];
    //设置layer的属性
    layer.bounds = CGRectMake(0, 0, 50, 80);
    layer.backgroundColor = [UIColor yellowColor].CGColor;
    layer.position = CGPointMake(50, 50);
    layer.anchorPoint = CGPointMake(0, 0);
    layer.cornerRadius = 20;
    //添加layer
    [self.view.layer addSublayer:layer];
    self.myLayer = layer;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

//设置动画(基础动画)
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    //创建核心动画
    CABasicAnimation *animation = [CABasicAnimation animation];
    //告诉系统要执行什么样的动画
    animation.keyPath = @"position";
    //设置通过动画,将layer从哪儿移动到哪儿
    animation.fromValue = [NSValue valueWithCGPoint:CGPointMake(0, 0)];
    animation.toValue = [NSValue valueWithCGPoint:CGPointMake(200, 300)];
    //设置动画执行完毕之后不删除动画
    animation.removedOnCompletion = NO;
    //设置保持动画的最新状态
    animation.fillMode = kCAFillModeForwards;
    animation.delegate = self;
    //打印
    NSString *str = NSStringFromCGPoint(self.myLayer.position);
    NSLog(@"执行前:%@",str);
    //添加核心动画到layer
    [_myLayer addAnimation:animation forKey:nil];
}

#pragma mark -Core Animation Delegate
- (void)animationDidStart:(CAAnimation *)anim{
    NSLog(@"开始执行动画");
}

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{
    //动画执行完毕,打印执行完毕后的position值
    NSString *str = NSStringFromCGPoint(_myLayer.position);
    NSLog(@"执行后:%@",str);
}

@end

  通过打印结构可以看出,属性值还是动画执行前的初始值{50,50},并没有真正被改变为{200,300}。

三.缩放动画

#import "ViewController.h"
@interface ViewController ()
@property(nonatomic,strong) CALayer *myLayer;
@end
@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //创建layer
    CALayer *layer = [CALayer layer];
    //设置layer的属性
    layer.bounds = CGRectMake(0, 0, 50, 80);
    layer.backgroundColor = [UIColor yellowColor].CGColor;
    layer.position = CGPointMake(50, 50);
    layer.anchorPoint = CGPointMake(0, 0);
    layer.cornerRadius = 20;
    //添加layer
    [self.view.layer addSublayer:layer];
    self.myLayer = layer;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

//设置动画(基础动画)
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    //创建动画
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"bounds"];
    //设置动画执行时间
    animation.duration = 2.0;
    //设置动画执行完毕后不删除动画
    animation.removedOnCompletion = NO;
    //设置保持动画的最新状态
    animation.fillMode = kCAFillModeForwards;
    //修改属性,执行动画
    animation.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, 200, 200)];
    //添加动画到layer
    [_myLayer addAnimation:animation forKey:nil];
}

#pragma mark -Core Animation Delegate
- (void)animationDidStart:(CAAnimation *)anim{
}

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{
}

@end

四.旋转动画

#import "ViewController.h"
@interface ViewController ()
@property(nonatomic,strong) CALayer *myLayer;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //创建layer
    CALayer *layer = [CALayer layer];
    //设置layer的属性
    layer.bounds = CGRectMake(0, 0, 50, 80);
    layer.backgroundColor = [UIColor yellowColor].CGColor;
    layer.position = CGPointMake(50, 50);
    layer.anchorPoint = CGPointMake(0, 0);
    layer.cornerRadius = 20;
    //添加layer
    [self.view.layer addSublayer:layer];
    self.myLayer = layer;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

//设置动画(基础动画)
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    //创建动画
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform"];
    //设置动画执行时间
    animation.duration = 2.0;
    //设置动画执行完毕后不删除动画
    animation.removedOnCompletion = NO;
    //设置保持动画的最新状态
    animation.fillMode = kCAFillModeForwards;
    //修改属性,执行动画
    animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_2+M_PI_4, 1, 1, 0)];
    //添加动画到layer
    [_myLayer addAnimation:animation forKey:nil];
}

#pragma mark -Core Animation Delegate
- (void)animationDidStart:(CAAnimation *)anim{}

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{}

@end

  提示:如果要让图形以2D的方式旋转,只需要把CATransform3DMakeRotation在z方向上的值改为1即可。

五.补充 
  可以通过transform (KVC)的方式来进行设置

@interface ViewController ()
@property(nonatomic,strong) CALayer *myLayer;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //创建layer
    CALayer *layer = [CALayer layer];
    //设置layer的属性
    layer.bounds = CGRectMake(0, 0, 50, 80);
    layer.backgroundColor = [UIColor yellowColor].CGColor;
    layer.position = CGPointMake(50, 50);
    layer.anchorPoint = CGPointMake(0, 0);
    layer.cornerRadius = 20;
    //添加layer
    [self.view.layer addSublayer:layer];
    self.myLayer = layer;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

//设置动画(基础动画)
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    //创建动画
    CABasicAnimation *animation = [CABasicAnimation animation];
    animation.keyPath = @"transform";
    //设置动画执行时间
    animation.duration = 2.0;
    //设置动画执行完毕后不删除动画
    animation.removedOnCompletion = NO;
    //设置保持动画的最新状态
    animation.fillMode = kCAFillModeForwards;
    //修改属性,执行动画
    animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeTranslation(0, 100, 1)];
    //添加动画到layer
    [_myLayer addAnimation:animation forKey:nil];
}

#pragma mark -Core Animation Delegate
- (void)animationDidStart:(CAAnimation *)anim{}

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{}

@end

原文地址:https://www.cnblogs.com/jiuyi/p/10104868.html

时间: 2024-10-29 04:30:58

核心动画(基础动画)-转的相关文章

iOS开发UI篇—核心动画(基础动画)

iOS开发UI篇—核心动画(基础动画) 一.简单介绍 CAPropertyAnimation的子类 属性解析: fromValue:keyPath相应属性的初始值 toValue:keyPath相应属性的结束值 随着动画的进行,在长度为duration的持续时间内,keyPath相应属性的值从fromValue渐渐地变为toValue 如果fillMode=kCAFillModeForwards和removedOnComletion=NO,那么在动画执行完毕后,图层会保持显示动画执行后的状态.但

核心动画基础动画(CABasicAnimation)关键帧动画

1.在iOS中核心动画分为几类: 基础动画(CABasicAnimation) 关键帧动画(CAKeyframeAnimation) 动画组(CAAnimationGroup) 转场动画(CATransition) 2.CAAnimation:核心动画的基础类,不能直接使用,负责动画运行时间,速度的控制,本身实现了CAMediaTiming协议 3.CAPropertyAnimation:属性动画也是基类(通过属性进行动画设置,注意是动画属性),不能直接使用. CABasicAnimation:

核心动画(基础动画)

一.简单介绍 CAPropertyAnimation的子类 属性解析: fromValue:keyPath相应属性的初始值 toValue:keyPath相应属性的结束值 随着动画的进行,在长度为duration的持续时间内,keyPath相应属性的值从fromValue渐渐地变为toValue 如果fillMode=kCAFillModeForwards和removedOnComletion=NO,那么在动画执行完毕后,图层会保持显示动画执行后的状态.但在实质上,图层的属性值还是动画执行前的初

动画基础知识汇总

转载自http://www.cnblogs.com/kenshincui/p/3972100.html --iOS核心动画 概览 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌.在这里你可以看到iOS中如何使用图层精简非交互式绘图,如何通过核心动画创建基础动画.关键帧动画.动画组.转场动画,如何通过UIView的装饰方法对这些动画操作进行简化等.在今天的文章里您可以看到动画操作在iOS中是如何简单和高效,很多原来想做但是苦于没有思路的动画在iO

iOS开发核心动画之动画

一. 核心动画简述 1. Core Animation是直接作用在CALayer上的,并非UIView,因此核心动画的本质是修改图层的某个属性 2. 核心动画继承结构 3. transform的相关属性 二. 核心动画 基础动画 : CABaseicAnimation 帧动画 : CAKeyframeAnimation 组动画 : CAAnimationGroup 转场动画 : CATransition 1. 基础动画(CABaseicAnimation) 1> 创建动画 CABasicAnim

《Programming WPF》翻译 第8章 1.动画基础

原文:<Programming WPF>翻译 第8章 1.动画基础 动画包括在一段时间内改变用户界面的某些可见的特征,如它的大小.位置或颜色.你可以做到这一点,非常困难的通过创建一个timer并在每一个timer_tick句柄中修改用户界面的外观.当然,这是动画在Win32或Windows Forms中典型的做法.幸运的是,WPF照顾到这些低级别的细节.动画,就像WPF中的其他特征,简单的要求我们声明想要做的.系统会为我们照顾它的实现. 所有的WPF动画支持归结为,在一段时间内改变一个或多个属

基础动画和核心动画导览

1 uiview动画 [UIView beginAnimations:@"Curl"context:nil];//动画开始 [UIView setAnimationDuration:0.75]; [UIView setAnimationDelegate:self]; [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:view cache:YES]; [view removeFromSupervi

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

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

(一二一)核心动画基础

核心动画基于QuartzCore框架,只能用于CALayer,可以实现3D效果,它在子线程中执行动画,不会阻塞主线程. 要实现核心动画,主要使用CABasicAnimation实现单步动画.使用CAKeyframeAnimation实现帧动画. 动画的主要属性有duration.keyPath.value.repeatCount等. 动画执行完毕后默认会复位,要取消复位,需要以下两行代码: anim.removedOnCompletion = NO; anim.fillMode = kCAFil