Home

Awesome

ParallaxTableViewHeader

Parallax scrolling effect on UITableView header view when a tableView is scrolled

solarized vim solarized vim solarized vim

Usage

Create a ParallaxHeaderView using either of one API's

set the parallaxHeaderView to UITableViewHeader as shown below solarized vim

override scrollViewDelegate method

Pass the UITableView or UIScrollView scrolling contentOffset to ParallaxHeaderView as shown below. solarized vim

"thats it"

Swift

let headerView: ParallaxHeaderView = ParallaxHeaderView.parallaxHeaderViewWithImage(UIImage(named: "YourImageName"), forSize: CGSizeMake(self.tableview.frame.size.height, 300)) as ParallaxHeaderView
self.tableview.tableHeaderView = headerView

func  scrollViewDidScroll(scrollView: UIScrollView) {
    let header: ParallaxHeaderView = self.tableview.tableHeaderView as ParallaxHeaderView
    header.layoutHeaderViewForScrollViewOffset(scrollView.contentOffset)

    self.tableview.tableHeaderView = header
}

Credits

Used UIImage+ImageEffects (Extentions) of Created by Aaron Pang, achiving Bluring effect to headerView, support from iOS 7.0 onwords