iOS 7 parallax effect in my view controller

by

With iOS 7, Apple introduced UIMotionEffect to add Motion effects that are related to the orientation of the user’s device. For example, to emulate the parallax effect on the home screen, you can use the subclass UIInterpolatingMotionEffect, as explained here, just with a few lines of code.

Objective-C:

// Set vertical effect
UIInterpolatingMotionEffect *verticalMotionEffect = 
  [[UIInterpolatingMotionEffect alloc] 
  initWithKeyPath:@"center.y"
             type:UIInterpolatingMotionEffectTypeTiltAlongVerticalAxis];
verticalMotionEffect.minimumRelativeValue = @(-10);
verticalMotionEffect.maximumRelativeValue = @(10);

// Set horizontal effect 
UIInterpolatingMotionEffect *horizontalMotionEffect = 
  [[UIInterpolatingMotionEffect alloc] 
  initWithKeyPath:@"center.x"     
             type:UIInterpolatingMotionEffectTypeTiltAlongHorizontalAxis];
horizontalMotionEffect.minimumRelativeValue = @(-10);
horizontalMotionEffect.maximumRelativeValue = @(10);
  
// Create group to combine both
UIMotionEffectGroup *group = [UIMotionEffectGroup new];
group.motionEffects = @[horizontalMotionEffect, verticalMotionEffect];

// Add both effects to your view
[myBackgroundView addMotionEffect:group];

Swift (Thanks to @Lucas):

// Set vertical effect
let verticalMotionEffect = UIInterpolatingMotionEffect(keyPath: "center.y",
type: .TiltAlongVerticalAxis)
verticalMotionEffect.minimumRelativeValue = -10
verticalMotionEffect.maximumRelativeValue = 10

// Set horizontal effect
let horizontalMotionEffect = UIInterpolatingMotionEffect(keyPath: "center.x",
    type: .TiltAlongHorizontalAxis)
horizontalMotionEffect.minimumRelativeValue = -10
horizontalMotionEffect.maximumRelativeValue = 10

// Create group to combine both
let group = UIMotionEffectGroup()
group.motionEffects = [horizontalMotionEffect, verticalMotionEffect]

// Add both effects to your view
myBackgroundView.addMotionEffect(group)

Also, you can find a bunch of libraries to do this easier or to add this functionality to older iOS versions:

More Related Contents:

  1. iOS 8 UITableView separator inset 0 not working
  2. Swift language NSClassFromString
  3. Programmatically set the initial view controller using Storyboards
  4. UIActivityViewController crashing on iOS 8 iPads
  5. How can I convert from degrees to radians?
  6. Looping a video with AVFoundation AVPlayer?
  7. Fade/dissolve when changing UIImageView’s image
  8. Customize UITableView header section
  9. Sqlite File Location Core Data
  10. How to increase the height of navigation bar in Xcode?
  11. Issue using CCCrypt (CommonCrypt) in Swift
  12. Converting Hex String to NSData in Swift
  13. Custom edit view in UITableViewCell while swipe left. Objective-C or Swift
  14. How to calculate UILabel width based on text length?
  15. How to check if a view controller is presented modally or pushed on a navigation stack?
  16. How to throttle search (based on typing speed) in iOS UISearchBar?
  17. Hiding UITabBar when pushing a UIView
  18. iOS temporary folder location
  19. Use and Access Existing SQLite Database on iOS
  20. What is the second parameter of NSLocalizedString()?
  21. Formatting a UITextField for credit card input like (xxxx xxxx xxxx xxxx)
  22. Real time blur effect for Navigation Bar
  23. iOS: frame.size.width/2 doesn’t produce a circle on every device
  24. Swift doesn’t convert Objective-C NSError** to throws
  25. performSegueWithIdentifier very slow when segue is modal
  26. Method load() defines Objective-C class method ‘load’, which is not permitted by Swift 1.2
  27. Why can’t I call the default super.init() on UIViewController in Swift?
  28. @property/@synthesize equivalent in swift
  29. Alternate Icon in iOS 10.3
  30. UIDevice currentDevice model possible values

Leave a Comment