IOS 核心动画之CAKeyframeAnimation - iBaby

简介: <p style="padding-top:0px; padding-bottom:0px; margin-top:8px; margin-bottom:8px; line-height:22.5px; letter-spacing:0.5px; font-size:13px; word-wrap:break-word; word-break:break-all; color:rgb(51

- IOS 核心动画之CAKeyframeAnimation 

- 简单介绍 

是CApropertyAnimation的子类,跟CABasicAnimation的区别是:CABasicAnimation只能从一个数值(fromValue)变到另一个数值(toValue),而CAKeyframeAnimation会使用一个NSArray保存这些数值 

- 属性解析: 

- values:就是上述的NSArray对象。里面的元素称为”关键帧”(keyframe)。动画对象会在指定的时间(duration)内,依次显示values数组中的每一个关键帧 

- path:可以设置一个CGPathRef\CGMutablePathRef,让层跟着路径移动。path只对CALayer的anchorPoint和position起作用。如果你设置了path,那么values将被忽略 

- keyTimes:可以为对应的关键帧指定对应的时间点,其取值范围为0到1.0,keyTimes中的每一个时间值都对应values中的每一帧.当keyTimes没有设置的时候,各个关键帧的时间是平分的 

- 说明:CABasicAnimation可看做是最多只有2个关键帧的CAKeyframeAnimation 

- Values方式: 

- CAKeyframeAnimation *animation = [CAKeyframeAnimation animation]; 

animation.keyPath = @"position"; 

NSValue *value1=[NSValue valueWithCGPoint:CGPointMake(100, 100)]; 

NSValue *value2=[NSValue valueWithCGPoint:CGPointMake(200, 100)]; 

NSValue *value3=[NSValue valueWithCGPoint:CGPointMake(200, 200)]; 

NSValue *value4=[NSValue valueWithCGPoint:CGPointMake(100, 200)]; 

NSValue *value5=[NSValue valueWithCGPoint:CGPointMake(100, 100)]; 

animation.values=@[value1,value2,value3,value4,value5]; animation.repeatCount=MAXFLOAT; 

animation.removedOnCompletion = NO; 

animation.fillMode = kCAFillModeForwards; 

animation.duration = 4.0f; 

animation.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; 

animation.delegate=self; 

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

- Path方式: 

- CAKeyframeAnimation *animation = [CAKeyframeAnimation animation]; 

animation.keyPath = @"position"; 

CGMutablePathRef path=CGPathCreateMutable(); 

CGPathAddEllipseInRect(path, NULL, CGRectMake(150, 100, 100, 100)); 

animation.path=path; 

CGPathRelease(path); 

animation.repeatCount=MAXFLOAT; 

animation.removedOnCompletion = NO; 

animation.fillMode = kCAFillModeForwards; 

animation.duration = 4.0f; 

animation.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; 

animation.delegate=self; 

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

- keyPath可以使用的key 

- #define angle2Radian(angle) ((angle)/180.0*M_PI) 

- transform.rotation.x 围绕x轴翻转 参数:角度 angle2Radian(4) 

transform.rotation.y 围绕y轴翻转 参数:同上 

transform.rotation.z 围绕z轴翻转 参数:同上 

transform.rotation 默认围绕z轴 

transform.scale.x x方向缩放 参数:缩放比例 1.5 

transform.scale.y y方向缩放 参数:同上 

transform.scale.z z方向缩放 参数:同上 

transform.scale 所有方向缩放 参数:同上 

transform.translation.x x方向移动 参数:x轴上的坐标 100 

transform.translation.y x方向移动 参数:y轴上的坐标 

transform.translation.z x方向移动 参数:z轴上的坐标 

transform.translation 移动 参数:移动到的点 (100,100) 

opacity 透明度 参数:透明度 0.5 

backgroundColor 背景颜色 参数:颜色 (id)[[UIColor redColor] CGColor] 

cornerRadius 圆角 参数:圆角半径 5 

borderWidth 边框宽度 参数:边框宽度 5 

bounds 大小 参数:CGRect 

contents 内容 参数:CGImage 

contentsRect 可视内容 参数:CGRect 值是0~1之间的小数 

hidden 是否隐藏 

position 

shadowColor 

shadowOffset 

shadowOpacity 

shadowRadius 


目录
相关文章
|
9月前
|
编译器 iOS开发 异构计算
读iOS核心动画笔记
读iOS核心动画笔记
35 0
|
API iOS开发
iOS 核心动画
iOS 核心动画
71 0
|
存储 iOS开发 计算机视觉
iOS开发CoreAnimation解读之一——初识CoreAnimation核心动画编程
iOS开发CoreAnimation解读之一——初识CoreAnimation核心动画编程
142 0
iOS开发CoreAnimation解读之一——初识CoreAnimation核心动画编程
|
iOS开发
iOS动画开发之四——核心动画编程(CoreAnimation)
iOS动画开发之四——核心动画编程(CoreAnimation)
160 0
iOS动画开发之四——核心动画编程(CoreAnimation)
|
iOS开发 缓存
iOS开发UI篇—核心动画(UIView封装动画)
iOS开发UI篇—核心动画(UIView封装动画) 一、UIView动画(首尾) 1.简单说明 UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持 执行动画所需要的工作由UIView类自动完成,但仍要在希望执行动画时通知视图,为此需要...
928 0
|
iOS开发 API MacOS
iOS开发UI篇—核心动画简介
iOS开发UI篇—核心动画简介 一、简单介绍 Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍。也就是说,使用少量的代码就可以实现非常强大的功能。
1034 0
|
iOS开发
iOS开发UI篇—核心动画(基础动画)
iOS开发UI篇—核心动画(基础动画) 一、简单介绍 CAPropertyAnimation的子类 属性解析: fromValue:keyPath相应属性的初始值 toValue:keyPath相应属性的结束值 随着动画的进行,在长度为duration的持续时间内,keyPath相应属性的值从fromValue渐渐地变为toValue 如果fillMode=kCAFillModeForwards和removedOnComletion=NO,那么在动画执行完毕后,图层会保持显示动画执行后的状态。
667 0
|
iOS开发
iOS开发UI篇—核心动画(关键帧动画)
iOS开发UI篇—核心动画(关键帧动画) 一、简单介绍 是CApropertyAnimation的子类,跟CABasicAnimation的区别是:CABasicAnimation只能从一个数值(fromValue)变到另一个数值(toValue),而CAKeyframeAnimation会使用一个NSArray保存这些数值 属性解析: values:就是上述的NSArray对象。
724 0
|
iOS开发 MacOS
iOS开发UI篇—核心动画(转场动画和组动画)
iOS开发UI篇—核心动画(转场动画和组动画) 一、转场动画简单介绍 CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点 UINavigationController就是通过CATransition实现了将控制器...
645 0