IOS CoreAnimation中layer动画闪烁的解决方法

更新时间：2016年06月01日 11:40:19 作者：大熊猫侯佩

这篇文章主要为大家详细介绍了IOS CoreAnimation中layer动画闪烁的原因，分享了layer动画闪烁的解决方法，感兴趣的小伙伴们可以参考一下

网上有一段Core Animation层动画的例子,是将view中的云朵从左向右移动,直到移出屏幕,这时再将云朵移到最左端然后重复移动动画.

所有动画在layer上完成,不过有个小问题,就是第一次每朵云动画完成时,会在其原位置处有一个闪烁,然后才会移动到屏幕最右端,而随后的运动动画都没有这个问题了:

由于录制gif文件时使用的帧率比较低,所以上图较难展示这个问题.不过实际App运行的时候每朵云在第一次移出屏幕的时候都会在初始位置闪烁一下再运行随后的动画.这是为什么呢?

因为layer动画不同于view层面上的动画,它实际不会修改原始view的任何属性.就拿云朵移动的动画来说,你虽然看上去改变了云朵的x坐标使其向右移动,可实际上原来的云朵ImageView根本还在原地,只不过CA用其外观创建了一个临时绘制进行移动,原来的云朵被暂时隐藏起来;一旦移动动画完成,该临时对象被删除,原来的云朵会在初始位置出现.

那么为什么只有动画第一次会出现闪烁呢?因为在第一次动画结束后,我在代码中修改了云朵view的x坐标,所以后面云朵的x坐标都和layer动画的fromValue相同,这将保证后续动画不会发生”闪烁”。

知道了原因,解决就很简单了,我只要在第一次动画前将云朵的x坐标修改为指定的位置,同时调整fromValue的值为初始位置即可:

func animateCloud(layer:CALayer){
 let cloudSpeed = 15.0/Double(view.layer.frame.size.width)
 let duration:NSTimeInterval = Double(view.layer.frame.size.width - layer.frame.origin.x) * cloudSpeed
 //提前存储云朵layer的初始位置 
 let fromValue = layer.position
 //设置云朵的最终位置
 layer.position.x = -layer.bounds.width/2

 let cloudMove = CABasicAnimation(keyPath: "position.x")
 cloudMove.fillMode = kCAFillModeForwards
 //cloudMove.removedOnCompletion = false
 cloudMove.duration = duration
 //设置云朵的初始位置
 cloudMove.fromValue = fromValue.x
 cloudMove.toValue = self.view.bounds.size.width + layer.bounds.width/2
 cloudMove.delegate = self
 cloudMove.setValue("cloud", forKey: "name")
 cloudMove.setValue(layer, forKey: "layer")
 layer.addAnimation(cloudMove, forKey: nil)
 }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

iOS输入框(UITextField)密码明暗文切换方法
这篇文章主要介绍了iOS输入框(UITextField)密码明暗文的切换方法，代码简短实用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
iOS逆向教程之跟踪函数调用详解
这篇文章主要给大家介绍了关于iOS逆向教程之跟踪函数调用的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2018-04-04
iOS 基于AFNetworking下自签名证书配置的方法
本篇文章主要介绍了iOS 基于AFNetworking下自签名证书配置的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-03-03
IOS中计算缓存文件的大小判断实例详解
这篇文章主要介绍了IOS中计算缓存文件的大小判断实例详解的相关资料,希望通过本能帮助到大家，需要的朋友可以参考下
2017-09-09
iOS实现百度外卖头像波浪的效果
对于现在很多人来说,叫外卖就成了不可或缺的习惯。某日瞬间发现百度外卖的APP波浪效果很是吸引人，相比较其他的外卖APP，颜值略高些.(淘宝也有波浪的效果)，遂就思考如何实现这种"浪"的效果，下面来一起看看。
2016-08-08
iOS的UI开发中Modal的使用与主流应用UI结构介绍
这篇文章主要介绍了iOS的UI开发中Modal的使用与主流应用UI结构,代码基于传统的Objective-C,需要的朋友可以参考下
2015-12-12
ios 获取或修改网页上的内容
UIWebView是iOS最常用的SDK之一，它有一个stringByEvaluatingJavaScriptFromString方法可以将javascript嵌入页面中，通过这个方法我们可以在iOS中与UIWebView中的网页元素交互
2016-12-12
iOS实现微信摇一摇功能
这篇文章主要为大家详细介绍了iOS实现微信摇一摇功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-06-06
基于iOS Realm数据库的使用实例详解
下面小编就为大家分享一篇基于iOS Realm数据库的使用实例详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-01-01
iOS 10即将来袭!升级你的iOS开发装备
iOS 10来了！你必需的10款iOS开发必备工具,让你的开发过程事半功倍
2016-07-07