How to animate views using animate(withDuration:)

Paul Hudson    September 20th 2017    @twostraws

Animation in iOS is done by starting an animation block, then telling iOS what changes you want to make. Because the animation block is active, those changes won't happen straight away – instead, iOS will execute them smoothly over the time you specified, so you don't have to worry when it will finish or what all the intermediate states are.

Here's a basic example to make a view fade out:

let viewToAnimate = UIView()

UIView.animate(withDuration: 1) {
    viewToAnimate.alpha = 0
}

If you want to remove the view from its superview once the fade has finished, you can use a more advanced version of the same method that gives you a completion block – a closure that will be run once the animation finishes. Here's how that looks:

UIView.animate(withDuration: 1, animations: {
    viewToAnimate.alpha = 0
}) { _ in
    viewToAnimate.removeFromSuperview()
}

You can also specify a delay before the animation starts, and even control the acceleration and deceleration curves of the animation, like this:

UIView.animate(withDuration: 1, delay: 1, options: .curveEaseIn, animations: {
    viewToAnimate.alpha = 0
}) { _ in
    viewToAnimate.removeFromSuperview()
}

Available from iOS 4.0

Did this solution work for you? Please pass it on!

Tweet

Other people are reading…

• How to use UIActivityIndicatorView to show a spinner when work is happening
• How to customize a view controller’s back button on a navigation bar: backBarButtonItem
• How to resize a custom font using UIFontMetrics
• How to use IBInspectable to adjust values in Interface Builder
• How to check a string is spelled correctly using UITextChecker

About the Swift Knowledge Base

This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.