脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → IOS CoreAnimation中layer动画闪烁

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 CocoaPods详细使用方法

    IOS CocoaPods详细使用方法

    自从有了CocoaPods以后，这些繁杂的工作就不再需要我们亲力亲为了，只需要我们做好少量的配置工作，CocoaPods会为我们做好一切
    2016-09-09
  • iOS实现动态元素的引导图效果

    iOS实现动态元素的引导图效果

    这篇文章给大家介绍了iOS实现动态元素的引导图效果的步骤，文章给出了示例代码介绍的很详细，有需要的朋友们可以参考借鉴，下面来一起看看吧。
    2016-09-09
  • iOS倒计时的实现方法

    iOS倒计时的实现方法

    这篇文章主要为大家详细介绍了iOS倒计时的实现方法，点击进行倒计时准备，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • iOS Crash文件分析方法汇总

    iOS Crash文件分析方法汇总

    今天跟大家一起聊聊iOSCrash文件的几种分析方法，都是平时比较常用的，有需要的小伙伴可以参考下
    2017-11-11
  • iOS中你需要的弹窗效果总结大全

    iOS中你需要的弹窗效果总结大全

    弹窗是app中常见控件之一，一般由于项目需求，我们很少能直接使用系统提供的弹窗，这个时候就需要我们根据产品需求封装自定义弹窗了。下面这篇文章主要给大家介绍了关于iOS中你需要的弹窗效果的相关资料，需要的朋友可以参考下
    2018-09-09
  • IOS面试大全之常见算法

    IOS面试大全之常见算法

    之前看了很多面试题，感觉要不是不够就是过于冗余，于是我将网上的一些面试题进行了删减和分类，这篇文章先给大家分享一下IOS中的常见算法，有需要的可以参考借鉴。
    2016-09-09
  • iOS UIAlertController中UITextField添加晃动效果与边框颜色详解

    iOS UIAlertController中UITextField添加晃动效果与边框颜色详解

    这篇文章主要给大家介绍了关于iOS UIAlertController中UITextField添加晃动效果与边框颜色的相关资料，实现后的效果非常适合在开发中使用，文中给出了详细的示例代码，需要的朋友可以参考借鉴，下面随着小编来一起看看吧。
    2017-10-10
  • iOS远程推送Push开发教程

    iOS远程推送Push开发教程

    这篇文章主要为大家详细介绍了iOS远程推送Push开发教程,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-09-09
  • IOS简单实现瀑布流UICollectionView

    IOS简单实现瀑布流UICollectionView

    这篇文章主要为大家介绍了IOS简单实现瀑布流UICollectionView的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-01-01
  • iOS App之间的通信 local socket

    iOS App之间的通信 local socket

    这篇文章主要介绍了iOS App之间的通信 local socket的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-09-09

最新评论