CABasicAnimation旋转动画

简介: CABasicAnimation旋转动画

CABasicAnimation *animation =  [CABasicAnimation

animationWithKeyPath:@"transform.rotation.z"];

//默认是顺时针效果,若将fromValue和toValue的值互换,则为逆时针效果

animation.fromValue = [NSNumber numberWithFloat:0.f];

animation.toValue =  [NSNumber numberWithFloat: M_PI /2];

animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];         // 动画效果慢进慢出

animation.duration  = 0.1;  //动画持续时间

animation.fillMode = kCAFillModeForwards;

animation.removedOnCompletion = NO; //动画后是否回到最初状态(配合kCAFillModeForwards使用)

animation.repeatCount = 1; //如果这里想设置成一直自旋转,可以设置为MAXFLOAT,否则设置具体的数值则代表执行多少次

[view.layer addAnimation:animation forKey:nil];


微信图片_20220523125529.png


旋转动画.gif


注:

fillMode:决定当前对象在非active时间段的行为.比如动画开始之前,动画结束之后

kCAFillModeRemoved 这个是默认值,也就是说当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态(可以理解为动画执行完成后移除)

kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态


kCAFillModeBackwards 当在动画开始前,你只要把layer加入到一个动画中,layer便立即进入动画的初始状态并等待动画开始.你可以这样设定测试代码,延迟3秒让动画开始,只要动画被加入了layer,layer便处于动画初始状态

参考链接:http://www.jianshu.com/p/91fccd32f6fb

目录
相关文章
UIView添加圆角边框
UIView添加圆角边框
61 0
UIImageView加上圆角
UIImageView加上圆角
40 0
3D立方体旋转动画
在线演示 本地下载
1083 0
|
前端开发 JavaScript 容器
第165天:canvas绘制圆环旋转动画
canvas绘制圆环旋转动画——面向对象版 1、HTML 注意引入Konva.js库 1 DOCTYPE html> 2 3 4 5 使用Konva绘制圆环旋转动画 6 7 8 9 10 11 12 13 14 15 //创建舞台 16 var stage=new Konva.
2026 0
Animations动画和Keyframes关键帧
Title body { display: flex; /* 使用Flex布局 */ justify-content: center; /* 水平居中 */ } .
828 0
|
UED 缓存 异构计算
UIImageView添加圆角的几种方法
喜欢我的可以关注收藏我的个人博客:RobberJJ 创建一个UIImageView对象: UIImageView * poImgView = [[UIImageView alloc] init]; 第一种方法 poImgView.
943 0
|
XML Android开发 数据格式
Android动画Frame Animation 帧动画
//=================【frame animation 帧动画】=============================== Frame动画是一系列图片按照一定的顺序展示的过程,和放电影的机制很相似,我们称为逐帧动画。 Frame动画可以被定义在XML文件中,也可以完全编码实现。 实现方法两种: 1)xml中的实现方法在/res下的anim或drawable目
1526 0