Get Updates By E-mail 

Article Written By:
Johann Dowa

Open Source iOS Component For Creating A UITableView With A Customizable Parallax Header

  •  
  •  
  •  
  •  
  •  

I’ve mentioned a number of components that utilize parallax effects, most recently a table view allowing you to create a scrolling view with images displayed with a parallax effect called MJParallaxCollectionView.

Here’s an open source component called ParallaxBlur that provides a nice parallax expanding image table header with a title that sticks neatly at top of the view released by Joseph Pintozzi.  You can easily customize the image and text on top of the table view, and if desired provide your own custom view.

As the readme states:

ParallaxBlur aims the be an easy-to-use implementation of a UITableController with a parallax header. It is screen resolution independant, orientation indendant, and will automatically adjust if there is a navigation bar in place.

The user interaction is fairly straightforward. The header image blurs as you scroll up, leaving a 60 pixel area always visible, and expands out the header image if you pull down, while at the same time making the overlay views transparent.

This image shows ParallaxBlur in action:
ParallaxBlur

You can find ParallaxBlur on Github here.

A nice effect for more informative table views.


  •  
  •  
  •  
  •  
  •  

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