How to create a parallax effect in UIKit
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!
Other people are reading…
- How to deselect a UITableViewCell using clearsSelectionOnViewWillAppear
- How to activate multiple Auto Layout constraints using activate()
- How to position a view using Auto Layout anchors
- How to measure touch strength using 3D Touch
- How to fix Auto Layout problems
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
Become a Swift expert
I wrote a book called Pro Swift that's dedicated to helping you master the Swift language, and it includes seven hours of video demonstrating each technique!
