核心动画——CAAnimation

1.什么是核心动画？

核心动画——CAAnimation，采用了CAMediaTiming协议,可以调整时间,包括持续时间,速度,重复次数;采用了CAAction协议,可以通过响应动作的方式来显示动画,CAAnimation又分为隐式动画和显示动画。

CAAnimation的一些派生类:

CAPropertyAnimation:属性动画,通过改变属性值产生动画效果

　　<1>CABasicAnimation:基础动画,只能是两个点之间的变化提供了对单一动画的实现

　　　　 CASpringAnimation:弹簧动画 (弹动效果)

　　<2>CAKeyframeAnimation:关键帧动画, 可以添加多个点的变化或者添加路径可以定义行动路线

CAAnimationGroup:动画组,可以同时添加多种动画达到预期效果

CATransition:转场动画, 给视图切换的时候添加动画效

下面给大家画一个结构图，可以让大家更容易的了解

CALayer:图层隐式动画

UIView:视图可以跟用户交互,rootLayer 发生改变子图层也会发生改变,rootLayer没有动画效果

CALayer: 不可以跟用户交互只能显示内容,当发生改变子图层不会跟随发生改变,本身自带动画效果(改变属性效果的时候),属于隐式动画

CALayer可以设置的属性

@property CGRect bounds;边境范围

@property CGPoint position;中心点

@property CGFloat zPosition;z轴中心点

@property CGPoint anchorPoint;anchorPoint 锚点　　

@property CGFloat anchorPointZ;Z轴锚点

@property CATransform3D transform;转换形态

@property CGRect frame;NO. Animatable 坐标

@property(getter=isHidden) BOOL hidden;隐藏

@property(getter=isDoubleSided) BOOL doubleSided;图层背面是否显示

@property(getter=isGeometryFlipped) BOOL geometryFlipped;翻转颠倒

@property BOOL masksToBounds;裁切边境

@property(nullable, strong) id contents;内容

@property(getter=isOpaque) BOOL opaque;不透明度

@property BOOL allowsEdgeAntialiasing;是否使用变形后的抗锯齿

@property(nullable) CGColorRef backgroundColor;背景颜色

@property CGFloat borderWidth;边框宽

@property(nullable) CGColorRef borderColor;边框颜色

@property float opacity;不透明度

@property(nullable) CGColorRef shadowColor;阴影颜色

@property float shadowOpacity;阴影不透明度

@property CGFloat rasterizationScale;防止Retina屏幕像素化

@property CGSize shadowOffset;阴影偏移量

@property CGFloat shadowRadius;阴影的半径

✮✮锚点的最大值是1,1 最小值是0,0 默认值是0.5,0.5当视图改变的时候是以锚点为基点去改变的

锚点的值与位置

　　0,0 = 在图层的左上角

　　0,1 = 图层的左下角

　　1,0 = 图层的右上角

　　1,1 = 在图层的右下角

锚点的计算公式:锚点值 = 锚点在视图上的位置.x.y/视图的宽高

下面就钟表为例介绍一下核心动画:

#import "ViewController.h"#define Angle(a) (a)*M_PI/180
#define SAngle 6 //每秒旋转多少度@interface ViewController ()
{CALayer *layer;float s;
}@property(nonatomic,strong)CALayer *pointLayer;
@property(nonatomic,strong)CALayer *minuteLayer;
@property(nonatomic,strong)CALayer *SecondtLayer;@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];//**图层不能跟用户交互，不能添加响应事件//初始化CALayer  addSubLayer:添加到父图层的方法/*layer = [CALayer layer];layer.frame = CGRectMake(0, 0, 100, 100);layer.cornerRadius = 50;layer.backgroundColor = [UIColor yellowColor].CGColor;[self.view.layer addSublayer:layer];*/UIImageView *image = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.width)];image.image = [UIImage imageNamed:@"biaopan"];image.contentMode = UIViewContentModeScaleAspectFit;image.center = self.view.center;[self.view addSubview:image];self.SecondtLayer.anchorPoint = CGPointMake(0.5, 0.9);self.SecondtLayer.contents = (id)[UIImage imageNamed:@"miaozhen"].CGImage;self.minuteLayer.anchorPoint = CGPointMake(0.5, 0.9);self.minuteLayer.contents = (id)[UIImage imageNamed:@"fenzhen"].CGImage;self.pointLayer.anchorPoint = CGPointMake(0.5, 0.9);//图层上要的是颜色CGColorRef 图片CGImageRefself.pointLayer.contents = (id)[UIImage imageNamed:@"shizhen"].CGImage;[NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(start) userInfo:nil repeats:YES];
}- (void)start{//日历的一个类NSCalendar 获得年月日时分秒//NSDateComponents 组件
    NSCalendar *calendar = [NSCalendar currentCalendar];///(NSCalendarUnit)需要的组件  获得哪个日期的组件NSDateComponents *component = [calendar components:NSCalendarUnitHour|NSCalendarUnitMinute|NSCalendarUnitSecond fromDate:[NSDate date]];s = component.second*SAngle;self.SecondtLayer.transform = CATransform3DMakeRotation(Angle(s),0, 0, 1);self.SecondtLayer.anchorPoint = CGPointMake(0.5, 0.9);self.SecondtLayer.contents = (id)[UIImage imageNamed:@"miaozhen"].CGImage;float m = component.minute*SAngle;self.minuteLayer.transform = CATransform3DMakeRotation(Angle(m),0, 0, 1);self.minuteLayer.anchorPoint = CGPointMake(0.5, 0.9);self.minuteLayer.contents = (id)[UIImage imageNamed:@"fenzhen"].CGImage;float h = component.hour*SAngle;self.pointLayer.transform = CATransform3DMakeRotation(Angle(h), 0, 0, 1);self.pointLayer.anchorPoint = CGPointMake(0.5, 0.9);self.pointLayer.contents = (id)[UIImage imageNamed:@"shizhen"].CGImage;
}- (CALayer *)pointLayer{if (_pointLayer) {return _pointLayer;}_pointLayer = [CALayer layer];_pointLayer.bounds = CGRectMake(0, 0, 29, 200);_pointLayer.position = self.view.center;[self.view.layer addSublayer:_pointLayer];return _pointLayer;
}- (CALayer *)minuteLayer{if (_minuteLayer) {return _minuteLayer;}_minuteLayer = [CALayer layer];_minuteLayer.bounds = CGRectMake(0, 0, 21, 210);_minuteLayer.position = self.view.center;[self.view.layer addSublayer:_minuteLayer];return _minuteLayer;
}- (CALayer *)SecondtLayer{if (_SecondtLayer) {return _SecondtLayer;}_SecondtLayer = [CALayer layer];_SecondtLayer.bounds = CGRectMake(0, 0, 21, 230);_SecondtLayer.position = self.view.center;[self.view.layer addSublayer:_SecondtLayer];return _SecondtLayer;
}- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{/*UITouch *touch = [touches anyObject];layer.position = [touch locationInView:self.view];CGFloat width = CGRectGetWidth(layer.bounds)!= 100?100:25;layer.bounds = CGRectMake(0, 0, width, width);CGColorRef color = [UIColor lightGrayColor].CGColor != layer.backgroundColor?[UIColor lightGrayColor].CGColor:[UIColor yellowColor].CGColor;layer.backgroundColor = color;layer.shadowColor = [UIColor blackColor].CGColor;layer.geometryFlipped = YES;layer.cornerRadius = layer.cornerRadius != 50?50:0;//图层的透明度layer.opacity = 0;*///緢点self.SecondtLayer.transform = CATransform3DMakeRotation(Angle(Angle(60)), 0, 0, 1);self.minuteLayer.transform = CATransform3DMakeRotation(Angle(s/60), 0, 0, 1);self.pointLayer.transform = CATransform3DMakeRotation(Angle(s/360), 0, 0, 1);}- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{//layer.opacity = 1;self.pointLayer.transform = CATransform3DIdentity;}@end

效果如下:

转载于:https://www.cnblogs.com/chengy134/p/5396181.html

核心动画——CAAnimation相关推荐

iOS动画专题·UIView二维形变动画与CAAnimation核心动画
点击上方"iOS开发",选择"置顶公众号" 关键时刻,第一时间送达! 1. iOS动画总的来说,从涉及类的形式来看,iOS动画有:基于UIView的仿射形变动 ...
iOS 动画专题（UIView二维形变动画与CAAnimation核心动画）
文章目录 1. iOS动画 2. UIView动画 2.1 设置UIView动画的两种语法形式 2.2 设置属性形变动画的两种类型 2.3 与动画相关的属性 2.3.1 UIView与动画相关的属性- ...
iOS开发UI篇—核心动画简介
一.简单介绍 Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量的代码就可以实现非常强大的功能. ...
iOS核心动画之CoreAnimation
本文目录一.Core Animation简介二.Core Animation的使用步骤三.CAAnimation 四.CAPropertyAnimation 回到顶部一.Core Animat ...
iOS - Core Animation 核心动画
1.UIView 动画具体讲解见 iOS - UIView 动画 2.UIImageView 动画具体讲解见 iOS - UIImageView 动画 3.CADisplayLink 定时器具体 ...
iOS开发UI篇—核心动画(基础动画)
一.简单介绍 CAPropertyAnimation的子类属性解析: fromValue:keyPath相应属性的初始值 toValue:keyPath相应属性的结束值随着动画的进行,在长度为du ...
Core Animation(核心动画)
iOS开发UI篇-核心动画简介一.简单介绍 Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量 ...
iOS 核心动画 Core Animation浅谈
代码地址如下: http://www.demodashi.com/demo/11603.html 前记关于实现一个iOS动画,如果简单的,我们可以直接调用UIView的代码块来实现,虽然使用UIVi ...
iOS开发UI篇—核心动画(UIView封装动画)
一.UIView动画(首尾) 1.简单说明 UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持执行动画所需要的工作由UIView类自动完成, ...

核心动画——CAAnimation

核心动画——CAAnimation相关推荐

最新文章

热门文章