在动画完成之前更改 CALayer 内容答案

【问题标题】：Changing a CALayer contents before animation finished在动画完成之前更改 CALayer 内容
【发布时间】：2017-01-23 12:38:49
【问题描述】：

我正在开发一个实现翻转卡片时钟动画的 UI 组件。一切正常，但是当我将顶级 CALayer 内容更改为新图像时，旧图像在更改之前保持可见。它会产生混淆效果。为了更好地解释，我将 gif 动画放在下面：

这是更改 CALayer 内容的代码：

firstTopLayer.contents = secondTopLayer.contents
let bottomAnim = CABasicAnimation(keyPath: "transform")
bottomAnim.duration = animDuration/2
bottomAnim.repeatCount = 1
bottomAnim.fromValue = NSValue.init(caTransform3D:
CATransform3DMakeRotation((CGFloat)(M_PI_2), 1, 0, 0))
bottomAnim.toValue = NSValue.init(caTransform3D:
CATransform3DMakeRotation(0, 1, 0, 0))
bottomAnim.isRemovedOnCompletion = true
bottomAnim.timingFunction = CAMediaTimingFunction.init(name: kCAMediaTimingFunctionEaseIn)
firstBottomLayer.add(bottomAnim, forKey: "bottom")
firstBottomLayer.contents = self.bufferContents

欲了解更多信息，我将链接添加到repository

【问题讨论】：

标签： ios animation core-animation calayer

【解决方案1】：

我找到了解决方案。顶级动画必须有这个配置

topAnim.fillMode = kCAFillModeForwards
topAnim.isRemovedOnCompletion = false

在每次开始这个动画之后。

firstTopLayer.removeAnimation(forKey: kTopAnimaton)

使用此配置，顶层停留在最后一帧动画位置

【讨论】：