How to create a parallax effect in UIKit

Paul Hudson    September 15th 2016    @twostraws

Parallax effects have been standard since iOS 7.0, and the UIInterpolatingMotionEffect class makes this easy by automatically smoothing accelerometer input so your views can adjust to tilt data.

If you want to have a UIView respond to tilting, add this function to your code then call it on any view you want:

func addParallaxToView(vw: UIView) {
    let amount = 100

    let horizontal = UIInterpolatingMotionEffect(keyPath: "center.x", type: .tiltAlongHorizontalAxis)
    horizontal.minimumRelativeValue = -amount
    horizontal.maximumRelativeValue = amount

    let vertical = UIInterpolatingMotionEffect(keyPath: "center.y", type: .tiltAlongVerticalAxis)
    vertical.minimumRelativeValue = -amount
    vertical.maximumRelativeValue = amount

    let group = UIMotionEffectGroup()
    group.motionEffects = [horizontal, vertical]
    vw.addMotionEffect(group)
}

Available from iOS 7.0

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

Tweet

Other people are reading…

• How to share content with the Social framework and SLComposeViewController
• How to stop Auto Layout and autoresizing masks conflicting: translatesAutoresizingMaskIntoConstraints
• How to resize a custom font using UIFontMetrics
• How to add a button to a UITableViewCell
• How to use UIPickerView

About the Swift Knowledge Base

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