How to Make a Color Picker with ScrollView, Scroll Position and Visual Effects - SwiftUI iOS 17
In this SwiftUI tutorial, I’ll show you how to create a custom color picker with scroll position and visual effects using SwiftUI in iOS 17. With the new features introduced in iOS 17, you can now easily track the scroll position and create a fancy color picker.
First, we’ll explore the default color picker in iOS and learn how to customize its appearance. Then, we’ll dive into creating our own custom color picker using SwiftUI. I’ll show you how to generate a range of colors using the hue, saturation, and brightness values. We’ll use a LazyVStack and a LazyVGrid to display the colors in a scrollable view.
I’ll also demonstrate how to track the scroll position and highlight the selected color. We’ll add visual effects like opacity and scale to create a more dynamic and interactive color picker.
Don’t forget to check out my new course on SwiftUI layout and grab the book with all the code and explanations.
📙 https://school.swiftyplace.com/course...
💻 https://school.swiftyplace.com/course...
0:00 Introduction
1:19 SwiftUI ColorPicker
2:16 Wheel Color Picker with scrollPosition
20:02 Grid Color Picker with 2-dimensional ScrollView
36:58 Summary
⬇️ Download the project files: https://school.swiftyplace.com/f/proj...
#SwiftUI #scrollview
Watch video How to Make a Color Picker with ScrollView, Scroll Position and Visual Effects - SwiftUI iOS 17 online without registration, duration hours minute second in high quality. This video was added by user Karin Prater 17 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,805 once and liked it 85 people.