设定动画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的使用方法(移动,旋转,缩放)的更多相关文章

  1. iOS开发之动画编程的几种方法

    iOS开发之动画编程的几种方法 IOS中的动画总结来说有五种:UIView<block>,CAAnimation<CABasicAnimation,CATransition,CAKe ...

  2. ios学习--详解IPhone动画效果类型及实现方法

    详解IPhone动画效果类型及实现方法是本文要介绍的内容,主要介绍了iphone中动画的实现方法,不多说,我们一起来看内容. 实现iphone漂亮的动画效果主要有两种方法,一种是UIView层面的,一 ...

  3. 解析 iOS 动画原理与实现

    这篇文章不会教大家如何实现一个具体的动画效果,我会从动画的本质出发,来说说 iOS 动画的原理与实现方式. 什么是动画 动画,顾名思义,就是能“动”的画.人的眼睛对图像有短暂的记忆效应,所以当眼睛看到 ...

  4. IOS动画隐式,显式,翻页

    //  ViewController.m //  IOS动画0817 // //  Created by 张艳锋 on 15/8/17. //  Copyright (c) 2015年 张艳锋. Al ...

  5. iOS动画原理

    1. iOS动画原理 本质:动画对象(这里是UIView)的状态,基于时间变化的反应 分类:可以分为显式动画(关键帧动画和逐帧动画)和隐式动画 关键帧和逐帧总结:关键帧动画的实现方式,只需要修改某个属 ...

  6. iOS 动画基础

    原文:http://www.cnblogs.com/lujianwenance/p/5733846.html   今天说一下有关动画的基础,希望能帮助到一些刚接触iOS动画或者刚开始学习iOS的同学, ...

  7. IOS动画总结

    IOS动画总结   一.基本方式:使用UIView类的UIViewAnimation扩展 + (void)beginAnimations:(NSString *)animationID context ...

  8. IOS 动画专题 --iOS核心动画

    iOS开发系列--让你的应用“动”起来 --iOS核心动画 概览 通过核心动画创建基础动画.关键帧动画.动画组.转场动画,如何通过UIView的装饰方法对这些动画操作进行简化等.在今天的文章里您可以看 ...

  9. iOS动画编程

    IOS中的动画总结来说有五种:UIView<block>,CAAnimation<CABasicAnimation,CATransition,CAKeyframeAnimation& ...

  10. iOS 动画篇 之 Core Animation (一)

    iOS中实现动画有两种方式,一种是自己不断的通过drawRect:方法来绘制,另外一种就是使用核心动画(Core Animation). 导语: 核心动画提供高帧速率和流畅的动画,而不会增加CPU的负 ...

随机推荐

  1. Jmeter函数助手39-isPropDefined

    isPropDefined函数用于判断属性是否存在. 变量的名称:填入属性名.如果属性名存在返回true,如果不存在返回false 1.jmeter的属性查看路径:测试计划右键"添加&quo ...

  2. matplotlib中渐变颜色条转CSS样式(hex格式)——同mapbox中cog的颜色条拉伸显示

    matplotlib中渐变颜色条转CSS样式(hex格式)--同mapbox中cog的颜色条拉伸显示 应用场景: 1.适用于mapbox中显示cog影像时,colormap_name拉伸颜色条转换 2 ...

  3. 14、Spring之基于注解的声明式事务

    14.1.概述 14.1.1.编程式事务 事务功能的相关操作全部通过自己编写代码来实现: Connection conn = ...; try { // 开启事务:关闭事务的自动提交 conn.set ...

  4. 【Windows】搭建FTP服务器

    1.开启FTP服务和IIS服务 2.设置IIS服务 添加FTP站点[右键] 设置站点名称和物理路径 绑定IP地址和FTP端口号 可以自定义虚拟主机名称 下面勾选[无SSL]即可 身份验证和授权设置 在 ...

  5. Reinforcement 代码库

    https://github.com/dragen1860?tab=repositories https://github.com/awjuliani?tab=repositories https:/ ...

  6. 斯坦福AI团队被质疑抄袭国产大模型

    原文地址: https://mbd.baidu.com/newspage/data/landingsuper?context={"nid"%3A"news_8882699 ...

  7. 使用TensorFlow、Pytorch等深度学习框架时如何设置对OpenCV的使用

    如题: 在使用深度学习框架时如果同时也在使用opencv那么有一些设置是需要设定的,第一个就是在python代码中设定禁止使用opencl: cv2.ocl.setUseOpenCL(False) o ...

  8. 在vscode中通过修改launch.json文件为项目添加启动参数——在launch.json文件中修改args变量

    以前一直在使用pycharm,不管怎么说毕竟国内外的Python编程者大部分都更支持pycharm,并且认为pycharm是Python语言编程中最好用的编辑器,但是随着国内编程人员一茬一茬的兴起很多 ...

  9. CH08_结构体

    CH08_结构体 基本概念 结构体属于用户自定义数据类型,允许用户存储不同的数据类型. 定义和使用 语法:struct 结构体名{ 结构体成员列表} 通过结构体创建变量的方式有三种: struct 结 ...

  10. 微信小程序中使用Echarts展示折线图

    效果图 主要实现的功能输入地区和频次查询油价的调整消息 1.从echarts-for-weixin官网下载文件 2.项目中引入echarts 将整个文件夹放在项目pages同级的目录下面 import ...