How I build components for my iOS app (SwiftUI, no AI)

How I build components for my iOS app (SwiftUI, no AI)

14.651 Lượt nghe
How I build components for my iOS app (SwiftUI, no AI)
#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