ParallaxTableViewHeader

TableView

October 15, 2023

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

Usage

Create a ParallaxHeaderView using either of one API’s

(id)parallaxHeaderViewWithImage:(UIImage *)image forSize:(CGSize)headerSize
(id)parallaxHeaderViewWithCGSize:(CGSize)headerSize

set the parallaxHeaderView to UITableViewHeader as shown below

override scrollViewDelegate method

(void)scrollViewDidScroll:(UIScrollView *)scrollView

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

“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

GitHub

View Github

#autolayout #cocoa #cocoapod #cocoapods #cocoatouch #collection #collectionkit #collectionview #collectionviewcell #collectionviewlayout #customlayout #dynamic #expandabletableview #flowlayout #hashtag #hashtags #ibinspectable #instagram #instagramanimation #ios #iosanimation #iosdevelopment #iossdk #iosswift #iosthirdparty #lightboxalgorithm #objectivec #parallaxscrolling #swift #swiftanimation #swiftcollection #swiftimage #swiftlibrary #swiftpackagemanager #swiftui #swiftuicomponents #table #tableview #tableviewcell #taglistview #tags #tagsview #uicollectionview #uicollectionviewanimation #uicollectionviewcell #uicollectionviewflowlayout #uicollectionviewlayout #uitableview #uitableviewcell #uitableviewcocoapods #uitableviewcontroller #xcode

YOU MIGHT ALSO LIKE...

August 22, 2025
SwiftUI

Popup View

Floaters Toasts Popups Sheets

August 21, 2025
SwiftUI

Drops 💧

A µFramework for showing alerts like the one used when copying from pasteboard or connecting Apple pencil.

August 21, 2025
SwiftUI

MarqueeText

A SwiftUI Marquee or "scrolling text" effect found in Apple native apps. For when one line isn't enough, but two ...

August 21, 2025
SwiftUI

TextBuilder

Introduction Text composition in SwiftUI can often be cumbersome, especially when there's logic affecting its format and content. TextBuilder leverages the ...

August 20, 2025
SwiftUI

TextView

Download File -> Swift Packages -> Add Package Dependency... Select your project Enter https://github.com/kenmueller/TextView for the package repository URL Select Branch: master Click Finish ...