Book Image

Elevate SwiftUI Skills by Building Projects

By : Frahaan Hussain
Book Image

Elevate SwiftUI Skills by Building Projects

By: Frahaan Hussain

Overview of this book

Elevate SwiftUI Skills by Building Projects helps you harness the cutting-edge potential of SwiftUI and its innovative and user-friendly approach to crafting user interfaces for Apple platforms with the power of Swift. This book will enhance your UI programming skills with SwiftUI through a project-based methodology, guiding you to create four real-world projects. Starting with a quick recap of Swift and SwiftUI, you’ll gradually develop projects tailored for iPhone, iPad, macOS, and watchOS using Swift and Xcode. You’ll experience SwiftUI’s versatility in action as you build a tax calculator for iPhone and a photo gallery for the iPad, which uses a larger display to enhance the viewing experience. You’ll also create an app store for Mac and, finally, get to grips with the power of SwiftUI for smaller devices such as the Apple Watch by designing a Fitness Companion app. By the end of this book, you'll have built fully functional projects across multiple platforms and gained the expertise needed to excel as a professional SwiftUI developer.
Table of Contents (12 chapters)

Building the Fitness App

We will now build the UI for the sidebar. First, let’s create our project. Follow these steps:

  1. Open Xcode and select Create a new Xcode Project:
Figure 8.3 – Create a new Xcode project

Figure 8.3 – Create a new Xcode project

  1. Now we will choose the template for our application. As we are creating an Apple Watch application, we will select WatchOS from the top, then select App, and click Next:
Figure 8.4 – Xcode project template selection

Figure 8.4 – Xcode project template selection

  1. We will now choose the options for our project. Here, there is only one crucial thing to select/set. Make sure Watch-only App is selected:
Figure 8.5 – Xcode project options

Figure 8.5 – Xcode project options

  1. Once you press Next, you can choose where to create your project, as seen in the following figure:
Figure 8.6 – Xcode project save directory

Figure 8.6 – Xcode project save directory

  1. Once you have found the location where you would like to...