#swiftui #swift #ios18
A full process breakdown of building a SwiftUI slider component to select a color similar to one used by iOS 18 and above when configuring tinted Home Screen.
🔗 Links
- My app: https://apps.apple.com/app/id6502667826
- Slider code: https://gist.github.com/mykolaharmash/c06b9828aa8e9405fe75b50d55e586fb
✉️ Reach Out
- [
[email protected]](mailto:
[email protected])
- https://www.threads.net/@mykola.harmash
- https://mastodon.social/@harmash
- https://bsky.app/profile/mykolaharmash.bsky.social
🛠️ My setup essentials (some links are affiliate, I appreciate your support 💚)
- Video editing: Final Cut Pro
- On-screen graphics: Apple Motion
- Graphics editor (thumbnails, logos, etc.): Pixelmator Pro https://www.pixelmator.com/pro/
- UI Design: Sketch [https://www.sketch.com](https://www.sketch.com/)
- Screenshots/screen recording: CleanShot X https://cleanshot.sjv.io/LXJYaO
- Hosting provider for my websites: DigitalOcean https://digitalocean.pxf.io/9gNqoj
- Laptop: MacBook Pro (2021 M1 Pro)
- External monitor: Apple Studio Display https://amzn.to/3YjtRI3
- Microphone: Sennheiser MKE 600 https://amzn.to/3MsW7kQ
- Headphones: Beyerdynamic DT 770 PRO https://amzn.to/4e61a6G
- Audio interface: Scarlett Solo https://amzn.to/3zTnpy9
- External storage: SAMSUNG T7 https://amzn.to/3Y3zEQz
- Data backup: Backblaze https://www.backblaze.com/cloud-backup/personal#afc2k9
⏱️ Timecodes
00:00 – Slider Demo
00:40 – Main challenges
01:18 – Inputs & Outputs
02:43 – Basic structure
03:07 – Drag gesture
03:59 – Fixing initial issues
05:14 – Limiting slider range
05:36 – The launch marketing
07:04 – Output value
09:24 – Dynamic hue gradient
10:42 – Design tip
13:10 – Knob color
16:14 – Final touches
#programming #coding #tutorial #iosdev