Swift按钮反向动画求助：实现点击后滑出再跳转至下一个视图控制器

嘿，作为Swift新手能自己搞定按钮滑入动画已经超棒啦！针对你想要的「点击按钮后先滑出，再跳转至下一个视图控制器」的需求，咱们可以利用UIView动画的completion闭包来实现，这是最直接靠谱的方案，具体步骤如下：

1. 给按钮绑定点击事件 #

先确保你的按钮已经关联了IBAction——如果还没加，直接在Storyboard里把按钮拖拽到ViewController代码里就能快速创建。

2. 在点击事件里先执行滑出动画，再触发跳转 #

核心思路是：先让按钮执行滑出屏幕的动画，等动画完全结束后，再调用跳转方法。这里就用到了动画的completion闭包，它会在动画完成后自动执行。

完整代码示例 #

@IBOutlet var button: UIButton!

override func viewDidLoad() {
    super.viewDidLoad()
    // 小修正：y轴位置应该基于view的height而非width，垂直方向用高度定位更合理
    button.center.y = self.view.frame.height + 300
    UIView.animate(withDuration: 1.2, delay: 0.2, usingSpringWithDamping: 3.0, initialSpringVelocity: 4.0, options: [], animations: {
        self.button.center.y = self.view.frame.height / 0.82
    }, completion: nil)
}

// 按钮点击事件
@IBAction func buttonTapped(_ sender: UIButton) {
    // 执行按钮滑出动画，回到初始的屏幕外位置
    UIView.animate(withDuration: 0.8, animations: {
        self.button.center.y = self.view.frame.height + 300
    }, completion: { _ in
        // 动画结束后触发Segue，记得替换成你自己的Segue标识符
        self.performSegue(withIdentifier: "YourSegueIdentifier", sender: self)
    })
}

几个小提醒 #

• 一定要把代码里的"YourSegueIdentifier"替换成你在Storyboard里给Segue设置的实际标识符；
• 你之前viewDidLoad里用self.view.frame.width计算y轴位置是个小误区，y轴是垂直方向，基于self.view.frame.height定位才符合逻辑，我已经在代码里帮你修正啦；
• 滑出动画的时长、弹簧参数都可以根据你的视觉需求调整，比如把0.8改成更快或更慢的速度。

这样修改后，点击按钮就会先看到它滑出屏幕，然后再跳转到下一个页面啦！

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