如何快速找到 UIButton 的正確位置？

Question

嗨，我嘗試快速對按鈕應用脈沖效果。

但是每次我應用它時，按鈕上方總是有一個脈沖效果。

@IBAction func btnAction(_ sender: UIButton) {
    var position = sender.center

    let pulse = PulseAnimation(numberOfPulses: Float.infinity, radius: 100, position: position) }

如何找到 UIButton 的 Real CGPoint？ 謝謝。

PulseAnimation.swift

class PulseAnimation: CALayer {

var animationGroup = CAAnimationGroup()
var animationDuration: TimeInterval = 1.5
var radius: CGFloat = 200
var numberOfPulses: Float = 10

override init(layer: Any) {
    super.init(layer: layer)
}

required init?(coder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

init(numberOfPulses: Float = 10, radius: CGFloat, position: CGPoint) {
    super.init()
    self.backgroundColor = UIColor.black.cgColor
    self.contentsScale = UIScreen.main.scale
    self.opacity = 0
    self.radius = radius
    self.numberOfPulses = numberOfPulses
    self.position = position

    self.bounds = CGRect(x: 0, y: 0, width: radius*2, height: radius*2)
    self.cornerRadius = radius

    DispatchQueue.global(qos: DispatchQoS.QoSClass.default).async {
        self.setupAnimationGroup()
        DispatchQueue.main.async {
            self.add(self.animationGroup, forKey: "pulse")
        }
    }
}

func scaleAnimation() -> CABasicAnimation {
    let scaleAnimation = CABasicAnimation(keyPath: "transform.scale.xy")
    scaleAnimation.fromValue = NSNumber(value: 0)
    scaleAnimation.toValue = NSNumber(value: 1)
    scaleAnimation.duration = animationDuration
    return scaleAnimation
}

func createOpacityAnimation() -> CAKeyframeAnimation {
    let opacityAnimation = CAKeyframeAnimation(keyPath: "opacity")
    opacityAnimation.duration = animationDuration
    opacityAnimation.keyTimes = [0, 0.3, 1]
    opacityAnimation.values = [0.4, 0.8, 0]
    return opacityAnimation
}
func setupAnimationGroup() {
    self.animationGroup.duration = animationDuration
    self.animationGroup.repeatCount = numberOfPulses
    let defaultCurve = CAMediaTimingFunction(name: .default)
    self.animationGroup.timingFunction = defaultCurve
    self.animationGroup.animations = [scaleAnimation(), createOpacityAnimation()]
}
}

它是一個應用脈沖效果的類。 它使用 CGPoint 為其設置動畫，並僅使用位置到 self.position。 不知道為什么位置不對。 謝謝解答。

Answer 1

真正的 CGPoint 你想知道的是一個 CGPoint 有 x 范圍 0~sender.frame.width 和 y 范圍 0~sender.height 試試這個。 :)

    @IBAction func buttonAction(_ sender: UIButton) {
        let position = CGPoint(x: sender.frame.width * 0.5, y: sender.frame.height * 0.5)

        let pulse = PulseAnimation(numberOfPulses: Float.infinity, radius: 100, position: position)
        sender.layer.addSublayer(pulse)

    }

Answer 2

我不知道 PulseAnimation 類是做什么的，但是通過搜索，我可以找到有關它的主題並將其應用於我的代碼以測試預期效果。

  @IBAction func numberHit(_ sender: UIButton) {
        let pulseAnimation = CABasicAnimation(keyPath: "opacity")
        pulseAnimation.duration = 30
        pulseAnimation.fromValue = 0
        pulseAnimation.toValue = 1
        pulseAnimation.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
        pulseAnimation.autoreverses = true
        pulseAnimation.repeatCount = .greatestFiniteMagnitude
        sender.layer.add(pulseAnimation, forKey: nil)
}

請查看： Swift Pulse Animation