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)

Understanding the Design Specifications

In this section, we will look at the design specifications of our gallery application. This section describes the features we are going to implement in our gallery app. The best method for figuring out the features required is to put yourself in the user’s shoes to determine how they will use the app and break it into individual steps.

The features of our app we would like to present are as follows:

  • Highlight view: This is the main view that the user will see, which showcases all the images.
  • Enhanced view: This shows a larger version of the image along with information such as a description and a date.
  • Fullscreen mode: View the image in fullscreen mode without any extra information.
  • Fullscreen tap for more info: A single tap while in fullscreen mode will show the photo’s title.
  • Collections: Different image collections, or albums:
    • Side panel: This shows all the collection names in horizontal mode.
  • Delete...