IOS QuartzCore核心动画框架
IOS QuartzCore核心动画框架
- 使用核心动画需要引入的框架:#import
- CALayer: CoreAnimation
- CALayer就是UIView上的图层,很多的CALayer组成了UIView。
- CALayer与UIView是两个完全不同的类
- UIView动画就是简单动画,可以实现改变,偏移,形变,翻转,旋转,翻页
- QuartzCore.framework:
- CAAnimation:
- CAAnimationGroup: 并行动画
- CATransition:
- CAPropertyAnimation: 属性动画
- CABasicAnimation:
- CAKeyframeAnimation:
// 使用关键帧动画进行旋转
CAKeyframeAnimation *keyFrame = [CAKeyframeAnimation animationWithKeyPath:@"transform"];
CATransform3D transform3d1 = CATransform3DMakeRotation(M_PI * 0.0, 0, 0, 1.0f);
CATransform3D transform3d2 = CATransform3DMakeRotation(M_PI * 0.5, 0, 0, 1.0f);
CATransform3D transform3d3 = CATransform3DMakeRotation(M_PI * 1.0, 0, 0, 1.0f);
CATransform3D transform3d4 = CATransform3DMakeRotation(M_PI * 1.5, 0, 0, 1.0f);
CATransform3D transform3d5 = CATransform3DMakeRotation(M_PI * 2.0, 0, 0, 1.0f);
NSValue *value1 = [NSValue valueWithCATransform3D:transform3d1];
NSValue *value2 = [NSValue valueWithCATransform3D:transform3d2];
NSValue *value3 = [NSValue valueWithCATransform3D:transform3d3];
NSValue *value4 = [NSValue valueWithCATransform3D:transform3d4];
NSValue *value5 = [NSValue valueWithCATransform3D:transform3d5];
keyFrame.values = @[value1, value2, value3, value4, value5];
keyFrame.duration = 20;
keyFrame.repeatCount = 100000;
[image.layer addAnimation:keyFrame forKey:nil];
// 声明一个动画
CATransition *animation = [CATransition animation];
// 设置动画时间
animation.duration = 1.0f;
// 设置动画动画的执行效果 慢--快--慢的效果
animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
// 设置动画的样式
// animation.type = kCATransitionMoveIn;
animation.type = @"cube"; // 私有API中的立方体滚动
// 设置动画的移入的位置 从左、从右、从上、从下
// animation.subtype = kCATransitionFromTop;
animation.subtype = @"toLeft"; // 私有API中的从左面滚动
// 给animatedView添加动画
[animatedView.layer addAnimation:animation forKey:nil];
// 旋转
CGAffineTransform transform = CGAffineTransformMakeRotation(M_PI); // 只能旋转一次
CGAffineTransform transform2 = CGAffineTransformRotate(animatedView.transform, M_PI_4); // 可以多次旋转
// 缩小,放大
CGAffineTransform transform3 = CGAffineTransformMakeScale(1.2f, 1.2f); // 缩放一次
CGAffineTransform transform4 = CGAffineTransformScale(animatedView.transform, 0.9f, 0.9f); // 可以连续操作
// 移动
CGAffineTransform transform5 = CGAffineTransformMakeTranslation(12, 12);
CGAffineTransform transform6 = CGAffineTransformTranslate(animatedView.transform, 0, -120);
// 开始动画
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:0.5f];
[animatedView setTransform:transform6];
[UIView commitAnimations];
// CABasicAnimation
CABasicAnimation *basicAnimation = [CABasicAnimation animationWithKeyPath:@"transform"];
CATransform3D transform3d1 = CATransform3DMakeTranslation(10, 10, 10); // 3D移动效果
CATransform3D transform3d11 = CATransform3DTranslate(transform3d1, 10, 10, 10);
CATransform3D transform3d2 = CATransform3DMakeRotation(M_PI, 0.0, 0.0, 1.0); // 3D旋转效果
CATransform3D transform3d22 = CATransform3DRotate(transform3d2, M_PI, 0.0, 0.0, 1.0);
CATransform3D transform3d3 = CATransform3DMakeScale(0.2f, 1.2f, 1.2f); // 3D缩放效果
CATransform3D transform3d33 = CATransform3DTranslate(transform3d2, 0.0, 0.0, 0.0);
basicAnimation.toValue = [NSValue valueWithCATransform3D:transform3d1];
basicAnimation.removedOnCompletion = YES; // 动画结束后去除动画
basicAnimation.duration = 0.5f; // 设置动画时间
basicAnimation.cumulative = NO;
basicAnimation.repeatCount = 0; // 循环次数
[animatedView.layer addAnimation:basicAnimation forKey:nil];
// 只修改坐标的X轴
CABasicAnimation *basicAnimation2 = [CABasicAnimation animationWithKeyPath:@"position.x"];
basicAnimation2.duration = 0.5f;
basicAnimation2.toValue = [NSNumber numberWithFloat:130];
[animatedView.layer addAnimation:basicAnimation2 forKey:nil];
// 修改position
CABasicAnimation *basicAnimation3 = [CABasicAnimation animationWithKeyPath:@"position"];
basicAnimation3.duration = 0.5f;
basicAnimation3.toValue = [NSValue valueWithCGPoint:CGPointMake(100, 100)];
[animatedView.layer addAnimation:basicAnimation3 forKey:nil];
// 修改透明度
CABasicAnimation *basicAnimation4 = [CABasicAnimation animationWithKeyPath:@"opacity"];
basicAnimation4.duration = 0.5f;
// 设置透明度的变化
basicAnimation4.toValue = [NSNumber numberWithFloat:0.0f];
// 添加上动画
[animatedView.layer addAnimation:basicAnimation4 forKey:nil];
// 动画组
// 初始化一个动画组
CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
// 动画组中的第一个动画
CABasicAnimation *basicAnimation5 = [CABasicAnimation animationWithKeyPath:@"opacity"];
basicAnimation5.duration = 0.5f;
basicAnimation5.toValue = [NSNumber numberWithFloat:0.0f];
// 动画组中的第二个动画
CABasicAnimation *basicAnimation6 = [CABasicAnimation animationWithKeyPath:@"position"];
basicAnimation6.duration = 0.5f;
basicAnimation6.toValue = [NSValue valueWithCGPoint:CGPointMake(100, 100)];
animationGroup.animations = @[basicAnimation5, basicAnimation6];
// 设置动画组的时间
animationGroup.duration = 0.5;
// 添加上
[animatedView.layer addAnimation:animationGroup forKey:nil];
CAKeyframeAnimation *keyframeAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
// 运动路径的几个点
NSValue *value1 = [NSValue valueWithCGPoint:CGPointMake(320/2, 0)];
NSValue *value2 = [NSValue valueWithCGPoint:CGPointMake(320, 548/2)];
NSValue *value3 = [NSValue valueWithCGPoint:CGPointMake(320/2, 548)];
NSValue *value4 = [NSValue valueWithCGPoint:CGPointMake(0, 548/2)];
NSValue *value5 = [NSValue valueWithCGPoint:CGPointMake(320/2, 0)];
// 移动到的四个点
keyframeAnimation.values = @[value1, value2, value3, value4, value5, value4, value3, value2, value1];
// 设置速度
keyframeAnimation.duration = 1.0f;
// 设置移动的形式
keyframeAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
keyframeAnimation.repeatCount = 10000000.0f;
// 添加上
[animatedView.layer addAnimation:keyframeAnimation forKey:nil];
IOS QuartzCore核心动画框架的更多相关文章
- iOS学习——核心动画之Layer基础
iOS学习——核心动画之Layer基础 1.CALayer是什么? CALayer我们又称它叫做层.在每个UIView内部都有一个layer这样一个属性,UIView之所以能够显示,就是因为它里面有这 ...
- iOS学习——核心动画
iOS学习——核心动画 1.什么是核心动画 Core Animation(核心动画)是一组功能强大.效果华丽的动画API,无论在iOS系统或者在你开发的App中,都有大量应用.核心动画所在的位置如下图 ...
- iOS:核心动画的详解介绍:CAAnimation(抽象类)及其子类
核心动画的详解介绍:CAAnimation(抽象类) 1.核心动画基本概念 Core Animation是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍! 使用它 ...
- iOS之核心动画(Core Animation)
Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量的代码就可以实现非常强大的功能. Core ...
- iOS基础 - 核心动画
一.核心动画 l 核心动画基本概念 l 基本动画 l 关键帧动画 l 动画组 l 转场动画 l Core Animation是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事 ...
- iOS之核心动画
.将动画的所有方法封装到一个类里面 MyCAHelper.h #import <Foundation/Foundation.h> #import <QuartzCore/Quartz ...
- iOS:核心动画之基本动画CABasicAnimation
基本动画,是CAPropertyAnimation的子类 属性说明: fromValue:keyPath相应属性的初始值 toValue:keyPath相应属性的结束值 动画过程说明: 随着动画的进行 ...
- iOS:核心动画具体的类和协议的介绍
核心动画类:CAAnimation.CAPropertyAnimation.CABasicAnimation.CAKeyframeAnimation.CATransition.CAAnimationG ...
- iOS开发-核心动画随笔
核心动画可以让View旋转,缩放,平移(主要是操作View的layer(层)属性)但是核心动画改变的位置不是真实的位置,一切都是假象所以有时候要用到其他动画,如UIView本来封装的动画,还有定时器 ...
随机推荐
- thinkphp I方法取传参
/** * 获取输入参数 支持过滤和默认值 * 使用方法: * <code> * I('id',0); 获取id参数 自动判断get或者post * I('post.name','','h ...
- weblogic下 微信公众平台获取token报错
问题描述: 开发微信公众平台,本地tomcat可以正常获取token并发送模板消息,部署在weblogic后报错,异常信息如下: java.security.InvalidKeyException: ...
- 善用VS中的Code Snippet来提高开发效率 分类: C# 2015-01-22 11:06 69人阅读 评论(0) 收藏
前言 在谈谈VS中的模板中,我介绍了如何创建项目/项模板,这种方式可以在创建项目时省却不少重复性的工作,从而提高开发效率.在创建好了项目和文件后,就得开始具体的编码了,这时又有了新的重复性工作,就是 ...
- Nginx系列~负载均衡服务器与WWW服务器的实现
上两讲主要是关于Nginx的环境的介绍,没有涉及到真正环境的开发,这次我们以一个实现的例子,来说明一下负载均衡服务器与WWW服务器的Nginx是如何配置的,并最终如何实现的. 如下是一个实际场景,一台 ...
- TOJ3744(Transportation Costs)
Transportation Costs Time Limit(Common/Java):2000MS/6000MS Memory Limit:65536KByte Total Submi ...
- 关于怎么将Quartus和Nios程序一起固化到FPGA里面
系统:win8.1 SDK:Quartus II 14.1 FPGA:Cyclone IV 1.将Quartus生成的.pof文件(配置Flash即可自动生成,这里不讨论),与Nios生成的.elf文 ...
- CentOS 6.7增加SWAP交换分区
任务:新增一个1GB的SWAP分区,并开机自动挂载 1.在/var目录下新增SWAPFILE交换区文件 2.生成SWAP分区 mkswap /var/SWAPFILE 3.激活SWAP分区 swapo ...
- C# 如何创建接口以及使用接口的简单Demo(转载!)
//No:1 首先,我们要封装一个接口,接口中不要实现具体的方法(说白了这就是一个架子而已!) using System;using System.Collections.Generic;using ...
- sql-从查询结果创建一个永久表
语法: select x into new_tableName from ori_tableName 例如: SELECT [site] ,[day] ,[val]/31.4 [val] into ...
- oracle中用comment on的用法
oracle中用comment on命令给表或字段加以说明,语法如下:COMMENT ON { TABLE [ schema. ] { table | view } | COLUMN [ s ...