Create Stretchy Header Effect for UITableView and UICollectionView - iOS Development Tutorial

In most apps, we have a UITableView or UICollectionView to display a list of things. When users tap on one row/item, we would display a detail screen.

Most often the detail screen contains a big header image.

In this episode, let's create the stretchy header effect. It means that we users drag down the detail screen, the image will stretch down a little bit, creating a really fun, intuitive and cool effect and user experience.

Download your starter project and let's dive in to our demo!

********************************
*** ABOUT CODE MASTERY ***
********************************
Code Mastery is hosted by Duc Tran, founder of Developers Academy.

This is his free-style no notes, no teleprompter presentation and live coding broadcast with you guys everyday.

*************************************************
*** FREE TRAININGS IN IOS DEVELOPMENT ***
*************************************************

[team_chang]

Thank you 🙏. I used it in my project. You are amazing

[karibandisurendra]

Hi duc great tutorial, hope to see more, I have one doubt why did you put the tableview methods in "extension"

[anamikapandit]

I wanted to stretch each cell and also its contents, how to do that?

[sachinarora]

Thanks Duc...its help me in my real project.

[irshadahmad]

Thank you so much dude, You are doing a great job.

[himanshuchoudhary]

Thank you for this tutorial . can you please make a tutorial for shopping cart . If you can upload that it would be very helpful for lots of beginners . :)

[harryapps]

how to hide tableview header and 1. when scroll up the header will be shown 2. when scroll down the header will be hidden again

[leefreyzou]

Man, just do the import thing, those cell codes are redundant.

[abuyatest]

The way u explain looks like you're not understand on what you're doing. Please have a passion on coding.