这些例子都是CABasicAnimation的一些简单实现的动画,例如移动、透明度、翻转等等。方法里面传入一个CALayer类或者子类就可以了。

下面是用swift实现的,这些方法我们也可以用作公共类来调用:

    //移动动画position
func addLayerAnimationPosition(layer: CALayer) {
let animation = CABasicAnimation(keyPath: "position")
//开始的位置
animation.fromValue = NSValue(CGPoint: layer.position)
//移动到的位置
animation.toValue = NSValue(CGPoint: CGPointMake(, ))
//持续时间
animation.duration =
//运动后的位置保持不变(layer的最后位置是toValue)
animation.removedOnCompletion = false
animation.fillMode = kCAFillModeForwards //添加动画
layer.addAnimation(animation, forKey: "addLayerAnimationPosition")
} //透明度 opacity
func addLayerAnimationOpacity(layer: CALayer) {
let animation = CABasicAnimation(keyPath: "opacity")
animation.fromValue =
animation.toValue =
animation.duration = layer.addAnimation(animation, forKey: "addLayerAnimationOpacity") } //变大与位置 bounds
func addLayerAnimationBounds(layer:CALayer) {
let animation = CABasicAnimation(keyPath: "bounds")
animation.toValue = NSValue(CGRect:CGRectMake(, , , ))
animation.duration =
animation.repeatCount = layer.addAnimation(animation, forKey: "addLayerAnimationBounds")
} //由小变大 bounds.size
func addLayerAnimationBoundsSize(layer:CALayer) {
let animation = CABasicAnimation(keyPath: "bounds.size")
animation.fromValue = NSValue(CGSize: layer.bounds.size)
animation.toValue = NSValue(CGSize:CGSizeMake(layer.bounds.size.width+, layer.bounds.size.height+))
animation.duration =
animation.repeatCount = layer.addAnimation(animation, forKey: "addLayerAnimationBoundsSize")
} //改变颜色 backgroundColor
func addLayerAnimationBackgroundColor(layer:CALayer) {
let animation = CABasicAnimation(keyPath: "backgroundColor")
animation.toValue = UIColor.blueColor().CGColor
animation.duration =
animation.repeatCount = layer.addAnimation(animation, forKey: "addLayerAnimationMargin")
} //渐变圆角 cornerRadius
func addLayerAnimationCornerRadius(layer:CALayer) {
let animation = CABasicAnimation(keyPath: "cornerRadius")
animation.toValue =
animation.duration =
animation.repeatCount = layer.addAnimation(animation, forKey: "addLayerAnimationCornerRadius")
} //改变边框border的大小(图形周围边框,border默认为黑色), borderWidth
func addLayerAnimationBorderWidth(layer:CALayer) {
let animation = CABasicAnimation(keyPath: "borderWidth")
animation.toValue =
animation.duration =
animation.repeatCount = layer.addAnimation(animation, forKey: "addLayerAnimationBorderWidth")
} //改变layer内容(图片),注意如果想要达到改变内容的动画效果,首先在运行动画之前定义好layer的contents contents
func addLayerAnimationContents(layer:CALayer) {
let animation = CABasicAnimation(keyPath: "contents")
let toImage = UIImage.init(named: "通车辆设计矢量素材-06.png")?.CGImage
animation.toValue = toImage
animation.duration =
animation.repeatCount = layer.addAnimation(animation, forKey: "addLayerAnimationBounds")
} //缩放、放大 transform.scale
func addLayerAnimationTransformScale(layer:CALayer) {
let animation = CABasicAnimation(keyPath: "transform.scale")
//开始时的倍率
animation.fromValue = 1.0
//结束时的倍率
animation.toValue = 0.5
animation.duration =
animation.repeatCount =
animation.autoreverses = true layer.addAnimation(animation, forKey: "addLayerAnimationScale")
} //旋转动画(翻转,沿着X轴) transform.rotation.x
func addLayerAnimationTranformRotationX(layer: CALayer) {
let animation = CABasicAnimation(keyPath: "transform.rotation.x")
//旋转180度 = PI
animation.toValue = M_PI
animation.duration =
animation.repeatCount =
//这里我们可以添加可以不添加,添加一个缓慢进出的动画效果(int/out)。当不添加时,匀速运动,会使用kCAMediaTimingFunctionLinear;当添加时,layer会在开始和结束时比较缓慢
animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut) layer.addAnimation(animation, forKey: "addLayerAnimationTranformRotationX")
} //旋转动画(翻转,沿着Y轴) transform.rotation.y
func addLayerAnimationTranformRotationY(layer: CALayer) {
let animation = CABasicAnimation(keyPath: "transform.rotation.y")
//旋转180度 = PI
animation.toValue = M_PI
animation.duration =
animation.repeatCount =
//这里我们可以添加可以不添加,添加一个缓慢进出的动画效果(int/out)。当不添加时,匀速运动,会使用kCAMediaTimingFunctionLinear;当添加时,layer会在开始和结束时比较缓慢
animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut) layer.addAnimation(animation, forKey: "addLayerAnimationTranformRotationY")
} //旋转动画(沿着Z轴) transform.rotation.z
func addLayerAnimationTranformRotationZ(layer: CALayer) {
let animation = CABasicAnimation(keyPath: "transform.rotation.z")
//旋转360度 = PI*2
animation.toValue = M_PI*
animation.duration =
animation.repeatCount =
//这里我们可以添加可以不添加,添加一个缓慢进出的动画效果(int/out)。当不添加时,匀速运动,会使用kCAMediaTimingFunctionLinear;当添加时,layer会在开始和结束时比较缓慢
animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut) layer.addAnimation(animation, forKey: "addLayerAnimationTranformRotationZ")
} //横向移动(沿着X轴) transform.translation.x
func addLayerAnimationTranformTranslationX(layer: CALayer) {
let animation = CABasicAnimation(keyPath: "transform.translation.x")
animation.toValue =
animation.duration =
animation.repeatCount =
//这里我们可以添加可以不添加,添加一个缓慢进出的动画效果(int/out)。当不添加时,匀速运动,会使用kCAMediaTimingFunctionLinear;当添加时,layer会在开始和结束时比较缓慢
animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut) layer.addAnimation(animation, forKey: "addLayerAnimationTranformTranslationX")
} //纵向移动(沿着Y轴) transform.translation.y
func addLayerAnimationTranformTranslationY(layer: CALayer) {
let animation = CABasicAnimation(keyPath: "transform.translation.y")
animation.toValue =
animation.duration =
animation.repeatCount =
//这里我们可以添加可以不添加,添加一个缓慢进出的动画效果(int/out)。当不添加时,匀速运动,会使用kCAMediaTimingFunctionLinear;当添加时,layer会在开始和结束时比较缓慢
animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut) layer.addAnimation(animation, forKey: "addLayerAnimationTranformTranslationY")
}

如果我们只要看keypath的值,我们可以看到下面文章

http://www.cnblogs.com/alunchen/p/5300075.html

可以关注本人的公众号,多年经验的原创文章共享给大家。

IOS Animation-CABasicAnimation例子(简单动画实现)的更多相关文章

  1. [iOS Animation]-CALayer 隐式动画

    隐式动画 按照我的意思去做,而不是我说的. -- 埃德娜,辛普森 我们在第一部分讨论了Core Animation除了动画之外可以做到的任何事情.但是动画是Core Animation库一个非常显著的 ...

  2. iOS Animation 主流炫酷动画框架(特效)收集整理 #91

    https://github.com/sxyx2008/DevArticles/issues/91

  3. ios之CABasicAnimation

    博主:最近iOS开发中用到CoreAnimation的framework来做动画效果,虽然以前也用过,但一直没有系统学习过,今天看到一篇非常详细的博文(虽然是日语,但真的写的很好),在此翻译出来供大家 ...

  4. [iOS Animation]-CALayer 显示动画

    显式动画 如果想让事情变得顺利,只有靠自己 -- 夏尔·纪尧姆 上一章介绍了隐式动画的概念.隐式动画是在iOS平台创建动态用户界面的一种直接方式,也是UIKit动画机制的基础,不过它并不能涵盖所有的动 ...

  5. Swift 实现iOS Animation动画教程

    这是一篇翻译文章.原文出处:http://www.raywenderlich.com/95910/uiview-animation-swift-tutorial 动画( animation)是iOS用 ...

  6. iOS CAReplicatorLayer 简单动画

    代码地址如下:http://www.demodashi.com/demo/11601.html 写在最前面,最近在看学习的时候,偶然间发现一个没有用过的Layer,于是抽空研究了下,本来应该能提前记录 ...

  7. iOS开发CABasicAnimation动画理解

    1.CALayer简介 CALayer是个与UIView很类似的概念,同样有backgroundColor.frame等相似的属性,我们可以将UIView看做一种特殊的CALayer.但实际上UIVi ...

  8. iOS Core Animation学习总结(3)--动画的基本类型

    一. CABasicAnimation (基础动画) 移位: CABasicAnimation *animation = [CABasicAnimation animation]; //keyPath ...

  9. ios animation 动画效果实现

    1.过渡动画 CATransition CATransition *animation = [CATransition animation]; [animation setDuration:1.0]; ...

随机推荐

  1. 【Mail】Tomcat提供JNDI方式支持JavaMail(三)

    流程介绍 Tomcat提供了JavaMail的支持,是通过JNDI的方式实现的,具体流程是: Tomcat启动的时候,自身产生一个Session对象,放在JNDI容器中给其他项目调用,其他项目只要通过 ...

  2. android六大框架

    -LinearLayout线性布局 垂直排序,每行仅包含一个界面元素 水平排序,每列仅包含一个界面元素 orientation,Layout-weight,Layout-margin(外边距,与屏幕) ...

  3. PHP 增删改查

    <h1>主页面family</h1> <table width="100%" border="1px" cellpadding=& ...

  4. html5 上传头像的裁剪

    本示例使用HTML5 canvas,简单的编写了上传头像的裁剪效果,移动端支持拖拽后裁剪, 虽然样式不好看,但是功能还算全: 下图为裁剪后的效果: html部分: <!DOCTYPE html& ...

  5. 关于echarts3地图下钻省市

    最近关于echarts3弄了个地图下钻,也许是因为运气不好,开始上来需要传递到的城市是成都,结果成都地图(js)加载下来总是挤到了一起,好尴尬,各方实验查找后发现原来是js文件中,成都市地图有个县市并 ...

  6. js-正则表达式的替换

    正则表达式替换使用的是replace()方法.Replace()方法是用一些字符途欢另一些字符 语法:stringObject.replace(regexp,replacement) regexp 必 ...

  7. Encapsulation、Inheritance、Polymorphism

    public class SoldierDemo { public static void main(String[] args) { /*Soldier test1=new Army("张 ...

  8. rsync+inotify实现远程数据备份

    一.rsync的基本介绍 1.  什么是rsync Rsync是一款开源的.快速的.多功能的.可以实现增量的本地货远程数据镜像同步备份的优秀工具,Rsync使用与unix,linux,windows等 ...

  9. mysql远程快速导出csv格式数据工具

    如需转载,请经本人同意. 之前本人曾经写过一个使用 select ....into outfile原理导出数据的脚本,但该脚本值适用于本地快速导出,并不支持远程服务,故又编写了下面这个支持远程导出的脚 ...

  10. oracle中用户删除不了,ORA-01940提示 “无法删除当前已连接用户”

    Oracle删除用户的提示无法删除当前已连接用户两种解决方法如下: 1.先锁定用户.然后查询进程号,最后删除对应的进程.在删除对应的用户 SQL>alter user XXX account l ...