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

Question

我正在开发一个实现翻转卡片时钟动画的 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

有关更多信息，我将 link 放置到 repository

Answer 1

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

topAnim.fillMode = kCAFillModeForwards
topAnim.isRemovedOnCompletion = false

并在每次启动此动画后。

firstTopLayer.removeAnimation(forKey: kTopAnimaton)

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

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

Changing a CALayer contents before animation finished

animation

core-animation

calayer

ios