CABasicAnimation 使用
2016-07-19 14:37
393 查看
如果需要在CALayer 上加一些动画时,就会用到 CABasicAnimation
网上常把它们的关系比喻成生活中的 “拍电影” ,这里我感觉确实是这样
CALayer-》电影的主角
CABasicAnimation-》规定电影怎么演
AddAnimation -》 开始拍
下面进入正题:
// 初始化 CABasicAnimation
// 这里 keyPath 决定着你要改变些什么,或者说怎样去改变
// 上网找了一下,大约有这么多 animationWithKeyPath的值:
transform.scale = 比例轉換
// 如果设置此两项,动画结束后不会返回原状态,否则动画结束后会返回原状态
// fromValue 代表开始时的值, toValue 代表结束时的值。动画关键
网上常把它们的关系比喻成生活中的 “拍电影” ,这里我感觉确实是这样
CALayer-》电影的主角
CABasicAnimation-》规定电影怎么演
AddAnimation -》 开始拍
下面进入正题:
CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
// 初始化 CABasicAnimation
// 这里 keyPath 决定着你要改变些什么,或者说怎样去改变
// 上网找了一下,大约有这么多 animationWithKeyPath的值:
transform.scale = 比例轉換
transform.scale.x = 闊的比例轉換 transform.scale.y = 高的比例轉換 transform.rotation.z = 平面圖的旋轉 opacity = 透明度 margin zPosition backgroundColor 背景颜色 cornerRadius 圆角 borderWidth bounds contents contentsRect cornerRadius frame hidden mask masksToBounds opacity position shadowColor shadowOffset shadowOpacity shadowRadius
// 动画选项设定 animation.fillMode = kCAFillModeForwards; animation.removedOnCompletion = NO;
// 如果设置此两项,动画结束后不会返回原状态,否则动画结束后会返回原状态
animation.duration = 2.5; // 动画持续时间 animation.repeatCount = 100; // 重复次数
animation.fromValue = [NSNumber numberWithFloat:1.0]; animation.toValue = [NSNumber numberWithFloat:2.0];
// fromValue 代表开始时的值, toValue 代表结束时的值。动画关键
// 添加动画 [outLayer addAnimation:animation forKey:@"scale-layer"];
相关文章推荐
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- Gifski:一个跨平台的高质量 GIF 编码器
- 模仿动画的放大缩小容器
- jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
- Android实现定制返回按钮动画效果的方法
- Android中ViewFlipper的使用及设置动画效果实例详解
- jQuery实现美观的多级动画效果菜单代码
- php判断GIF图片是否为动画的方法
- jQuery实现动画效果circle实例
- HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
- 浅析JavaScript动画
- js排序动画模拟-插入排序
- javascript+HTML5的Canvas实现Lab单车动画效果
- 基于javascript实现漂亮的页面过渡动画效果附源码下载