点击UIButton触发SF Symbol动画的实现方式是否合理？

你的当前实现单次点击时是正确的，但在快速连续点击场景下存在动画叠加的问题，下面具体分析并给出优化方案：

一、当前实现的优缺点 #

• 优点：写法简单，单次点击时动画表现符合预期。.nonRepeating选项会自动在动画结束后清理效果，不用手动管理生命周期。
• 缺点：如果用户快速连续点击按钮，会同时触发多个弹跳动画叠加，导致视觉效果混乱（比如按钮连续多次弹跳，节奏失控）。

二、优化方案 #

针对快速点击的问题，推荐两种优化思路：

1. 点击时先清旧动画，再加新动画 #

每次点击前，先移除按钮imageView上已有的同类型Symbol效果，再添加新动画，避免叠加：

@objc func copyButtonAction(sender: UIButton) {
    // 移除已有的弹跳效果
    copyButton.imageView?.removeSymbolEffect(.bounce.down)
    // 添加新的单次弹跳动画
    copyButton.imageView?.addSymbolEffect(.bounce.down, options: .nonRepeating, animated: true)
}

这种方式能保证每次点击只执行一次动画，即使快速点击也不会出现混乱。

2. 动画期间禁用按钮 #

通过关闭按钮的交互能力，直到动画结束再重新开启，从根源上防止重复点击：

@objc func copyButtonAction(sender: UIButton) {
    sender.isUserInteractionEnabled = false
    // 添加动画并设置完成回调
    copyButton.imageView?.addSymbolEffect(.bounce.down, options: .nonRepeating, animated: true) { _ in
        sender.isUserInteractionEnabled = true
    }
}

这种方式不仅解决了动画叠加问题，还能让用户直观感知到操作正在进行，适合像复制这类需要避免重复触发的场景。

三、关于“只添加一次效果”的说明 #

不需要提前只添加一次效果再触发。因为.nonRepeating是一次性动画，执行完毕后会自动被移除；如果提前添加却不触发，动画不会自动运行，反而需要额外的触发逻辑，不如每次点击时按需添加更直接。

内容的提问来源于stack exchange，提问作者user25462420