iOS动画之CABasicAnimation的使用方法(移动,旋转,缩放)
设定动画CABasicAnimation的属性和说明
属性 | 说明 |
---|---|
duration | 动画的时间 |
repeatCount | 重复的次数。不停重复设置为 HUGE_VALF |
repeatDuration | 设置动画的时间。 |
beginTime | 指定动画开始的时间。从开始延迟几秒的话,设置为【CACurrentMediaTime() + 秒数】 的方式 |
timingFunction | 设置动画的速度变化 |
autoreverses | 动画结束时是否执行逆动画 |
fromValue | 所改变属性的起始值 |
toValue | 所改变属性的结束时的值 |
byValue | 所改变属性相同起始值的改变量 |
//创建一个image view
UIImageView *imageview=[[UIImageView alloc]init];
imageview.image=[UIImage imageNamed:@"logo.png"];
imageview.frame=CGRectMake(50, 50, imageview.image.size.width, imageview.image.size.height);
[self.view addSubview:imageview];
//动画关键字属性设置说明
值 | 说明 | 使用形式 |
---|---|---|
transform.scale | 比例转化 | @(0.8) |
transform.scale.x | 宽的比例 | @(0.8) |
transform.scale.y | 高的比例 | @(0.8) |
transform.rotation.x | 围绕x轴旋转 | @(M_PI) |
transform.rotation.y | 围绕y轴旋转 | @(M_PI) |
transform.rotation.z | 围绕z轴旋转 | @(M_PI) |
cornerRadius | 圆角的设置 | @(50) |
backgroundColor | 背景颜色的变化 | (id)[UIColor purpleColor].CGColor |
bounds | 大小,中心不变 | [NSValue valueWithCGRect:CGRectMake(0, 0, 200, 200)]; |
position | 位置(中心点的改变) | [NSValue valueWithCGPoint:CGPointMake(300, 300)]; |
contents | 内容,比如UIImageView的图片 | imageAnima.toValue = (id)[UIImage imageNamed:@"to"].CGImage; |
opacity | 透明度 | @(0.7) |
contentsRect.size.width | 横向拉伸缩放 | @(0.4)最好是0~1之间的 |
//1、移动
CABasicAnimation *moveAnimate=[CABasicAnimation animationWithKeyPath:@"position"];
//动画时长
moveAnimate.duration=2.0;
//动画重复次数
moveAnimate.repeatCount=HUGE_VALF;
//动画开始时间
moveAnimate.beginTime=CACurrentMediaTime()+2;
//是否自动执行逆动画
moveAnimate.autoreverses=YES;
//动画执行完后会回到初始状态,需要设置这两个属性
moveAnimate.removedOnCompletion=NO;
moveAnimate.fillMode=kCAFillModeForwards;
//设置动画初始位置
moveAnimate.fromValue=[NSValue valueWithCGPoint:imagetemp.layer.position];
//设置动画目的位置
moveAnimate.toValue=[NSValue valueWithCGPoint:CGPointMake(50, 50)];
//设置动画速率
moveAnimate.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
//添加动画
[imagetemp.layer addAnimation:moveAnimate forKey:@"move-layer"];
//2、缩放
CABasicAnimation *scaleAnimate=[CABasicAnimation animationWithKeyPath:@"transform.scale"];
//动画时长
scaleAnimate.duration=2.0;
//动画重复次数
scaleAnimate.repeatCount=HUGE_VALF;
//动画开始时间
scaleAnimate.beginTime=CACurrentMediaTime()+2;
//是否自动执行逆动画
scaleAnimate.autoreverses=YES;
//动画执行完后会回到初始状态,需要设置这两个属性
scaleAnimate.removedOnCompletion=NO;
scaleAnimate.fillMode=kCAFillModeForwards;
//设置动画初始位置
scaleAnimate.fromValue=[NSNumber numberWithFloat:1.0];
//设置动画目的位置
scaleAnimate.toValue=[NSNumber numberWithFloat:5.0];
//设置动画速率
scaleAnimate.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
//添加动画
[imagetemp.layer addAnimation:scaleAnimate forKey:@"scale-layer"];
//3、旋转
CABasicAnimation *rotateAnimate=[CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
//动画时长
rotateAnimate.duration=2.0;
//动画重复次数
rotateAnimate.repeatCount=HUGE_VALF;
//动画开始时间
rotateAnimate.beginTime=CACurrentMediaTime()+2;
//是否自动执行逆动画
rotateAnimate.autoreverses=YES;
//动画执行完后会回到初始状态,需要设置这两个属性
rotateAnimate.removedOnCompletion=NO;
rotateAnimate.fillMode=kCAFillModeForwards;
//设置动画初始位置
rotateAnimate.fromValue=[NSNumber numberWithFloat:0];
//设置动画目的位置
rotateAnimate.toValue=[NSNumber numberWithFloat:M_PI];
//设置动画速率
rotateAnimate.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
//添加动画
[imagetemp.layer addAnimation:rotateAnimate forKey:@"rotate-layer"];
//4、渐隐动画
CABasicAnimation *opacityAnimate=[CABasicAnimation animationWithKeyPath:@"opacity"];
//动画时长
opacityAnimate.duration=2.0;
//动画重复次数
opacityAnimate.repeatCount=HUGE_VALF;
//动画开始时间
opacityAnimate.beginTime=CACurrentMediaTime()+2;
//是否自动执行逆动画
opacityAnimate.autoreverses=YES;
//动画执行完后会回到初始状态,需要设置这两个属性
opacityAnimate.removedOnCompletion=NO;
opacityAnimate.fillMode=kCAFillModeForwards;
//设置动画初始位置
opacityAnimate.fromValue=[NSNumber numberWithFloat:0];
//设置动画目的位置
opacityAnimate.toValue=[NSNumber numberWithFloat:1];
//设置动画速率
opacityAnimate.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
//添加动画
[imagetemp.layer addAnimation:opacityAnimate forKey:@"opacity-layer"];
//5、组合动画
CAAnimationGroup *group=[CAAnimationGroup animation];
//动画时长
group.duration=2.0;
//动画重复次数
group.repeatCount=HUGE_VALF;
group.animations=[NSArray arrayWithObjects:moveAnimate,scaleAnimate,rotateAnimate,opacityAnimate, nil];
//添加动画
[imagetemp.layer addAnimation:group forKey:@"group-layer"];
//6、设置委托,添加CAAnimationDelegate,监测开始和结束事件
group.delegate=self;
- (void)animationDidStart:(CAAnimation *)theAnimation {
//动画开始了
}
- (void)animationDidStop:(CAAnimation *)theAnimation finished:(BOOL)flag {
//动画结束了
}
iOS动画之CABasicAnimation的使用方法(移动,旋转,缩放)的更多相关文章
- iOS开发之动画编程的几种方法
iOS开发之动画编程的几种方法 IOS中的动画总结来说有五种:UIView<block>,CAAnimation<CABasicAnimation,CATransition,CAKe ...
- ios学习--详解IPhone动画效果类型及实现方法
详解IPhone动画效果类型及实现方法是本文要介绍的内容,主要介绍了iphone中动画的实现方法,不多说,我们一起来看内容. 实现iphone漂亮的动画效果主要有两种方法,一种是UIView层面的,一 ...
- 解析 iOS 动画原理与实现
这篇文章不会教大家如何实现一个具体的动画效果,我会从动画的本质出发,来说说 iOS 动画的原理与实现方式. 什么是动画 动画,顾名思义,就是能“动”的画.人的眼睛对图像有短暂的记忆效应,所以当眼睛看到 ...
- IOS动画隐式,显式,翻页
// ViewController.m // IOS动画0817 // // Created by 张艳锋 on 15/8/17. // Copyright (c) 2015年 张艳锋. Al ...
- iOS动画原理
1. iOS动画原理 本质:动画对象(这里是UIView)的状态,基于时间变化的反应 分类:可以分为显式动画(关键帧动画和逐帧动画)和隐式动画 关键帧和逐帧总结:关键帧动画的实现方式,只需要修改某个属 ...
- iOS 动画基础
原文:http://www.cnblogs.com/lujianwenance/p/5733846.html 今天说一下有关动画的基础,希望能帮助到一些刚接触iOS动画或者刚开始学习iOS的同学, ...
- IOS动画总结
IOS动画总结 一.基本方式:使用UIView类的UIViewAnimation扩展 + (void)beginAnimations:(NSString *)animationID context ...
- IOS 动画专题 --iOS核心动画
iOS开发系列--让你的应用“动”起来 --iOS核心动画 概览 通过核心动画创建基础动画.关键帧动画.动画组.转场动画,如何通过UIView的装饰方法对这些动画操作进行简化等.在今天的文章里您可以看 ...
- iOS动画编程
IOS中的动画总结来说有五种:UIView<block>,CAAnimation<CABasicAnimation,CATransition,CAKeyframeAnimation& ...
- iOS 动画篇 之 Core Animation (一)
iOS中实现动画有两种方式,一种是自己不断的通过drawRect:方法来绘制,另外一种就是使用核心动画(Core Animation). 导语: 核心动画提供高帧速率和流畅的动画,而不会增加CPU的负 ...
随机推荐
- 【Hibernate】02 快速入门
环境搭建 : Windo7 x64 + IDEA 2018+ JDK 8+ Maven 3.0+ MySQL 5.0+ 创建Hibernate工程: 导入依赖坐标 <dependencies&g ...
- vscode下如何把缩进为2个空格的python项目改为4个空格的缩进
最近在看老项目的代码,是python2.7年代的项目,那个时候很多的python项目都是使用2个空格,不过现在估计大多数人写python项目都是使用4个空格的了,而我看这两个空格的项目代码也是感觉十分 ...
- AI阅读助手ChatDOC:基于 AI 与文档对话、重新定义阅读方式的AI文献阅读和文档处理工具
让 AI 真正成为你的生产力超级助手 AI 时代降临,我们需要积极拥抱 AI 工具 在过去的 2 个多月里,以 ChatGPT 为代表的 AI 风靡全球.随着 GPT 模型的不断优化,ChatGPT ...
- DIjkstra进阶模板 路径记录 按权重(结点数最小等)记录
struct DIJ { using i64 = long long; using PII = pair<i64, i64>; vector<i64> dis, path, n ...
- unity游戏源码和教程:智能分析话语的三维唯美世界
我不想和任何人说话,大家不要打扰我. 这个游戏的源码(含教程文档)我放到了夸克网盘https://pan.quark.cn/s/618fb9459029 小区: 小区傍晚的雪: 小区的晚上: 家里: ...
- 2023 CCPC 桂林题解
gym H. Sweet Sugar 一个经典贪心是从下到上,如果子树 \(u\) 剩下的部分(一定包含 \(u\))包含合法连通块,那么这个连通块给答案贡献 \(1\),切断 \(u\) 与 \(f ...
- 一款运行于windows上的linux命令神器-Cmder(已经爱不释手)
一.前言 很多工程师都习惯了使用linux下一些命令,再去用Windows的 cmd 简直难以忍受. 要在windows上运行linux命令,目前比较流行的方式由: GunWin32.Cygwin.W ...
- portainer控制多个docker
打开docker的远程访问(参考下方博客) 觉得不安全可以配置 使用 TLS 加密 https://www.cnblogs.com/hongdada/p/11512901.html 使用新版本port ...
- android 访问域名接口报错
1. 移动端访问https域名及接口,显示 java.net.UnknownHostException: Unable to resolve host "xxx" : No add ...
- Coursera self-driving2, State Estimation and Localization Week2, kalman filter 卡尔曼滤波
KF - Kalman Filter: EKF - Extended Kalman Filter: ES-EKF - Error State Extended Kalman Filter 和EKF一样 ...