Apple Engineer Shows How To Build a SwiftUI Step Counter
Want to MAKE iPhone apps? Go here: https://super-easy-apps.kit.com/iphon...
Want to DOWNLOAD the code? Go here: https://super-easy-apps.kit.com/iphon...
Learn how to build a retro-inspired SwiftUI step counter widget in under 30 minutes. You’ll learn the essentials of layout, design, and cleanup while adding bold colors, dynamic data, and HealthKit integration to keep you motivated on your daily step goals.
Watch to see how easy it is to structure your UI, style your app with a nostalgic vibe, and refactor your code for real-time step tracking.
1. Comment below if you beat the 30-minute challenge! What should I do next?
2. Download StepUp: Retro Pedometer and join me on a 10,000 steps challenge. Get outside—walk or run to hit your daily move goal!
StepUp: Retro Pedometer: https://apps.apple.com/us/app/stepup-...
Timestamps:
0:00 Step Counter Challenge
0:48 Start the 30-min SwiftUI Challenge
2:03 Add a Widget to Xcode
2:58 1. Layout 2. Design 3. Cleanup
4:10 1. Layout
8:57 Custom Progress Bar
14:00 2. Design (Fonts and Colors)
18:50 Visual Hierarchy: Secondary Colors
20:14 3. Cleanup
21:00 StepProgress View
25:30 StepProgress 2D Algorithm Explained (with notes)
30:21 Challenge Complete! (isFilled Color Logic)
34:04 Run the Widget on Simulator
35:15 FIX: Xcode 16 Scheme (WidgetKit Environment)
35:50 Spacing CGFloat Cleanup
37:22 Download the Code
37:46 EXTRA: Where to go next?
#SwiftUI #Tutorial #Widget #Xcode16 #Xcode #Swift #iOSDev #iOSAppDevelopment #RetroWidget #AppleEngineer #iOSDevelopment #30minChallenge #StepCounter #FitnessGoals #AppDevelopment #DesignChallenge #SwiftUIChallenge
Watch video Apple Engineer Shows How To Build a SwiftUI Step Counter online without registration, duration hours minute second in high quality. This video was added by user Paul Solt 15 January 2025, don't forget to share it with your friends and acquaintances, it has been viewed on our site 313 once and liked it 18 people.