CoreAnimation —动画开始之前图层会闪烁到最终值吗？

Question

我正在尝试对图层的背景颜色（从红色到蓝色）进行简单的CABasicAnimation。

添加动画并设置模型层的最终值后，动画将闪烁为蓝色，然后再次变为红色，然后动画为蓝色。

我的代码是：

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)

    // Create red layer and add to view
    let redLayer = CALayer()
    redLayer.backgroundColor = UIColor.red.cgColor
    redLayer.position = view.center
    redLayer.bounds.size = CGSize(width: 100, height: 100)
    view.layer.addSublayer(redLayer)

    DispatchQueue.main.asyncAfter(deadline: .now() + .seconds(1)) {

        // After a 1 second delay, animate from red to blue.

        let anim = CABasicAnimation(keyPath: "backgroundColor")
        anim.duration = 3
        anim.fromValue = redLayer.backgroundColor
        anim.toValue = UIColor.blue.cgColor
        redLayer.add(anim, forKey: "")

        // Set background color to final value
        redLayer.backgroundColor = UIColor.blue.cgColor
    }
}

这是怎么回事？

Answer 1

一个简短的答案是，当您更新图层的隐式可动画设置的属性（在这种情况下为backgroundColor时，会得到一个隐式动画。

此0.25秒的动画优先于您的显式动画，因为它是在之后添加的。之所以会发生这种隐式动画，是因为该图层是“独立的”（也就是说，它不属于视图）。

要摆脱这种隐式动画，可以创建CATransaction并仅对更新图层属性的范围禁用动作：

CATransaction.begin()
CATransaction.setDisableActions(true)

redLayer.backgroundColor = UIColor.blue.cgColor

CATransaction.commit()

作为禁用隐式动画的替代方法，您还可以在添加显式动画之前更新图层。如果您想了解更多有关此内容的信息，我对添加动画in this answer之前或之后更新图层的含义有相当详细的解释。