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
Смотрите видео Apple Engineer Shows How To Build a SwiftUI Step Counter онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Paul Solt 15 Январь 2025, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 313 раз и оно понравилось 18 людям.