Tutorialspoint
Subscription Includes
$ 130   8.77

Build Watch Timer App in SwiftUI, WatchOS and Combine Timer

Created by DevTechie, Last Updated 24-Apr-2021, Language:English

Build Watch Timer App in SwiftUI, WatchOS and Combine Timer

Build complete timer app from start to finish while learning about WatchOS

Created by DevTechie, Last Updated 24-Apr-2021, Language:English

What Will I Get ?

  • WatchOS
  • SwiftUI
  • Timer Publisher
  • iOS Development

Requirements

  • Xcode Knowledge
  • Swift Knowledge
  • SwiftUI Knowledge

Description

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 run 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 have 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 same. WatchOS has different specs as far as the hardware, screensize etc goes so SwiftUI adapts to those changes and provides a look that works of WatchOS but the code you write is pretty much same as SwiftUI for iOS.

We will learn about 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 Timer using Timer publisher and create a reverse progress view which 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 timer model to support minute and hour based timer
  • Create conditional views based on observed changed into the view and state properties
  • Use of OnReceive Observer to monitor changes in Timer

Course Content