我无法让这个 CA 动画正常工作

Question

我正在尝试制作一个动画，其中红色在屏幕上出现脉冲，当点击屏幕时，脉冲的速度会增加。现在我有两个问题。一是动画不发生，二是动画一定要加速，不重启动画。我希望动画从点击屏幕时的任何点开始加速。

class ViewController: UIViewController {

var tapCount: Int = 0
var pulseSpeed: Double = 3
let pulseAnimLayer = CALayer()
let pulseAnim = CABasicAnimation(keyPath: "Opacity")

override func viewDidLoad() {
    super.viewDidLoad()

    counter.center = CGPoint(x: 185, y: 118)

    pulseAnim.fromValue = 0.5
    pulseAnim.toValue = 1.0
    pulseAnim.duration = 3.0
    pulseAnim.autoreverses = true
    pulseAnim.repeatCount = .greatestFiniteMagnitude
    pulseAnimLayer.add(pulseAnim, forKey: "Opacity")
}

func pulseAnimation(pulseSpeed: Double) {
    UIView.animate(withDuration: pulseSpeed, delay: 0,
        options: [UIViewAnimationOptions.repeat, UIViewAnimationOptions.autoreverse],
        animations: {
            self.red.alpha = 0.5
            self.red.alpha = 1.0
        }
    )
}

@IBOutlet weak var red: UIImageView!
@IBOutlet weak var counter: UILabel!

@IBAction func screenTapButton(_ sender: UIButton) {
    tapCount += 1
    counter.text = "\(tapCount)"
    pulseSpeed = Double(3) / Double(tapCount)
    pulseAnim.duration = pulseSpeed
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()

}
}  

Answer 1

我第一次读的不够仔细。

你有一个奇怪的混合核心动画和 UIView 动画。两者存在于不同的层面。 Core Animation 将允许您为视图上的属性设置动画（比如它的背景颜色）。

UIView 动画构建在 Core Animation 之上，通过构建底层 Core Animation 可以更轻松地自动为视图更改设置动画。

当您创建 CABasicAnimation 时，您从 Core Animation 开始，但随后您有一个函数 pulseAnimation，它看起来正在使用 UIVIew 动画执行某些操作。我认为您可以完全摆脱该功能。

当您添加 CABasicAnimation 时，您会告诉它更改图层“不透明度”的值。您可能想要的是“不透明度”（小写）。

您的动画正在应用于您创建的新 CALayer...但您似乎从未将该层放入视图中（因此它从未被绘制）。您很可能应该做的是将您的动画附加到视图的图层，并允许该图层对其颜色进行动画处理。

要将一个图层添加到另一个图层，请使用 addSublayer (https://developer.apple.com/reference/quartzcore/calayer/1410833-addsublayer)。您代码中的视图层应该可以作为 self.view.layer 使用，尽管您可能必须在 viewWillAppear 而不是 viewDidLoad 中使用它

Answer 2

你需要在动画之前将红色imageview的alpha设置为0.0

 func pulseAnimation(pulseSpeed: Double) {


    UIView.animate(withDuration: pulseSpeed, delay: 1.0,
                   options: [UIViewAnimationOptions.repeat, UIViewAnimationOptions.autoreverse],
                   animations: {
                    self.red.alpha = 0.5
                    self.red.alpha = 1.0
    }
    )
}

override func viewDidAppear(_ animated: Bool) {

    self.red.alpha = 0.0


    counter.center = CGPoint(x: 185, y: 118)


}