Get Updates By E-mail 

Article Written By:
Johann Dowa

Tutorial: How To Implement The Parallax Effect Of The iOS 7 Home Screen

  •  
  •  
  •  
  •  
  •  

I’ve mentioned a few libraries that make it easier to implement a parallax effect such as NGAParallaxMotion that provides a category making it easier to set up a parallax effect with your UIViews.

Here’s a tutorial going through the different elements required to recreate the iOS 7 home screen parallax effect from Denivip step-by-step..

The tutorial explain how to implement a basic parallax scrolling effect, how to “twist” foreground elements the way they are on the iOS 7 home screen to enhance the effect, and how to utilize Core Motion so the effect can be controlled by turning the device.

There’s also a nice library included that you can plug your own views into in order to quickly recreate the same parallax effect.

You can find the tutorial on the Denivip blog here, and you can find the repository for the DVParallaxView component on Github here.

A nice explanation and component for recreating iOS 7 home screen style animation.


  •  
  •  
  •  
  •  
  •  

Submit A Resource

Have you created a useful tutorial, library or tool for iOS development that you would like to get in front of our 300,000+ monthly page views from iOS developers?

You can submit the url here.

The resources we feel will appeal to our readers the most will be posted on the front page.

Comments