SwiftUI Movies Carousel Parallax Effect - [Speed Code]

Опубликовано: 22 Март 2026
на канале: Haipp
3,881
138

Wondering how to develop a Movies Carousel Parallax Effect using SwiftUI? Then this SwiftUI 3.0 Tutorial is for you. You will learn how to add parallax scrolling to a scrollview as well as how to add a zoom effect to each movie item. For the zoom effect (carousel effect) we will be using a geometry reader.

You will also learn how to get the current scroll offset of the scrollview so that you can add the background parallax effect. I am sure you will love the carousel scrolling effect combined with the background parallax effect.

In this SwiftUI Tutorial we will be working with XCode 13 Beta 3 and SwiftUI 3.0

► Source Code:   / movies-parallax-51622317  


🔴 SUPPORT ME ON PATREON:
  / haipp  

► WATCH NEXT:
○ Create a Chat App:    • Chat App using SwiftUI - [Speed Code]  
○ Create a Modal Popup:    • SwiftUI Modal Popup: Easy way to Present a...  
○ Create an App with SwiftUI 3.0:    • SwiftUI 3.0 App using Searchbar, AsyncImag...  
○ Create a Pinterest Grid:    • How To Create a PINTEREST GRID in SwiftUI ...  
○ Master SwiftUI LazyGrids:    • SwiftUI Grid Tutorial: How to MASTER Swift...  

► SOCIAL MEDIA
Instagram:   / thisishaipp  

🟣 Join the Discord Community Server:
  / discord  

TIMESTAMPS:
00:00 Intro
00:14 Setting Up
01:12 Adding Movie Model
01:59 Adding Movie Item View
07:03 Adding Scale Effect to MovieItem (Carousel)
08:24 Tracking ScrollView OffsetX
10:32 Adding Background Parallax Scrolling Effect

🔵 Music:
https://www.epidemicsound.com