Build Watch Timer App in SwiftUI, WatchOS and Combine Timer

SwiftUI has changed the entire dynamics of app development in iOS space. Now developing for watchOS is as easy as dropping reusable SwiftUI views into the app and running them against the correct target.

In this course, we are going to work on WatchOS and SwiftUI. With the introduction of SwiftUI, a lot of UI development has been combined, and learning has become easy. For example, most of the concepts of SwiftUI that you learn and apply on iOS, iPadOS, MacOS, and TVOS are the same. WatchOS has different specs as far as the hardware, screensize, etc. go, so SwiftUI adapts to those changes and provides a look that works for WatchOS, but the code you write is pretty much the same as SwiftUI for iOS.

We will learn about the timer app that is present in your Apple Watch and create a clone of that using SwiftUI. We will build all the modules that will make the complete app, along with the timer dial to show seconds and minutes ticker view. You will learn to observe changes in the timer using the timer publisher and create a reverse progress view that will indicate time remaining in the timer. You will learn to apply conditional-based color rings to display different stages of the progress.

Learning Objectives:

• WatchOS and SwiftUI
• Ring Progress View
• Combine-based Timer Publisher
• Build advanced ticker view using basic shapes
• Build a timer model to support minute- and hour-based timer
• Create conditional views based on observed changes into the view and state properties
• Use of OnReceive Observer to monitor changes in Timer