iOS - UIView animateWithDuration 中的完成块被过早调用

IOS

的文章如下：

在 IOS 开发中，我们经常会使用 UIView 的 animateWithDuration 方法来实现动画效果。这个方法可以让我们在指定的时间内对视图进行平滑的动画过渡。然而，有时候我们可能会遇到一个问题，就是完成块被过早调用的情况。那么，我们该如何解决这个问题呢？

首先，让我们来了解一下 animateWithDuration 方法的基本使用方法。这个方法的原型如下：

Swift
class func animateWithDuration(_ duration: TimeInterval, animations: @escaping () -> Void, completion: ((Bool) -> Void)? = nil)

通过上面的原型可以看出，animateWithDuration 方法接受三个参数：动画的持续时间 duration，动画的具体操作 animations，以及动画完成时的回调函数 completion。

在我们的代码中，我们通常会在 animations 中对视图进行一些变换，比如改变其位置、大小、透明度等等。而在 completion 中，我们可以处理一些动画完成后的逻辑，比如更新界面、执行下一步操作等等。

然而，有时候我们可能会遇到一个问题，就是 completion 被过早调用的情况。这是因为 animateWithDuration 方法是异步执行的，而 completion 是在动画执行完成后被调用的。如果我们在动画还没完成的时候就调用了一些与动画相关的操作，那么 completion 就会被提前调用。

那么，我们该如何解决这个问题呢？下面，我们将介绍两种常见的方法。

方法一：使用 UIView 的 animateKeyframes(withDuration:delay:options:animations:completion:) 方法

UIView 的 animateKeyframes(withDuration:delay:options:animations:completion:) 方法是 IOS 7 引入的新方法，相比于 animateWithDuration 方法，它的优势在于可以对动画进行分段控制。这样，我们就可以确保 completion 只会在所有动画都执行完成后才被调用。

下面是一个使用 animateKeyframes(withDuration:delay:options:animations:completion:) 方法的示例代码：

Swift
UIView.animateKeyframes(withDuration: 1.0, delay: 0, options: [], animations: {
    UIView.addKeyframe(withRelativeStartTime: 0.0, relativeDuration: 0.5, animations: {
        // 第一段动画的代码
    })
    UIView.addKeyframe(withRelativeStartTime: 0.5, relativeDuration: 0.5, animations: {
        // 第二段动画的代码
    })
}, completion: { _ in
    // 动画完成后的回调
})

在上面的代码中，我们使用了 addKeyframe 方法来定义动画的不同段落。通过设置 relativeStartTime 和 relativeDuration 参数，我们可以控制每个段落的开始时间和持续时间。这样，我们就能确保 completion 只会在所有动画都执行完成后才被调用。

方法二：使用 DispatchQueue 的异步任务

除了使用 animateKeyframes 方法，我们还可以通过使用 DispatchQueue 的异步任务来解决完成块被过早调用的问题。具体做法是，将动画代码放在一个异步任务中执行，然后在任务完成后再执行 completion。

下面是一个使用 DispatchQueue 的异步任务的示例代码：

Swift
UIView.animate(withDuration: 1.0, animations: {
    // 动画的代码
})
DispatchQueue.mAIn.asyncAfter(deadline: .now() + 1.0) {
    // 动画完成后的回调
}

在上面的代码中，我们使用了 DispatchQueue 的 asyncAfter 方法来延迟执行 completion。这样，我们就能确保 completion 只会在动画完成后才被调用。

完成块被过早调用是使用 animateWithDuration 方法时常见的问题。为了解决这个问题，我们可以使用 animateKeyframes 方法对动画进行分段控制，或者使用 DispatchQueue 的异步任务来延迟执行 completion。通过这些方法，我们可以确保 completion 只会在动画执行完成后才被调用，避免出现问题。