Book Image

SwiftUI Cookbook

By : Giordano Scalzo, Edgar Nzokwe
Book Image

SwiftUI Cookbook

By: Giordano Scalzo, Edgar Nzokwe

Overview of this book

SwiftUI is an innovative and simple way to build beautiful user interfaces (UIs) for all Apple platforms, right from iOS and macOS through to watchOS and tvOS, using the Swift programming language. In this recipe-based book, you’ll work with SwiftUI and explore a range of essential techniques and concepts that will help you through the development process. The recipes cover the foundations of SwiftUI as well as the new SwiftUI 2.0 features introduced in iOS 14. Other recipes will help you to make some of the new SwiftUI 2.0 components backward-compatible with iOS 13, such as the Map View or the Sign in with Apple View. The cookbook begins by explaining how to use basic SwiftUI components. Then, you’ll learn the core concepts of UI development such as Views, Controls, Lists, and ScrollViews using practical implementation in Swift. By learning drawings, built-in shapes, and adding animations and transitions, you’ll discover how to add useful features to the SwiftUI. When you’re ready, you’ll understand how to integrate SwiftUI with exciting new components in the Apple development ecosystem, such as Combine for managing events and Core Data for managing app data. Finally, you’ll write iOS, macOS, and watchOS apps while sharing the same SwiftUI codebase. By the end of this SwiftUI book, you'll have discovered a range of simple, direct solutions to common problems found in building SwiftUI apps.
Table of Contents (15 chapters)

Previewing the layout at different dynamic type sizes

Some people use small font sizes to have a higher information density, while others use large text. It is therefore important to make sure that layouts work great with all ranges of dynamic type sizes.

In this recipe, we will create an app that allows the developer to preview their designs on different dynamic type sizes.

Getting ready

Let's start by creating a SwiftUI app called DynamicTypeSizesPreview.

How to do it…

We will create a view to display news articles. The view will contain an image, a title, and description text. We will then modify the preview to observe the view we created in different dynamic type sizes. The steps are as follows:

  1. Expand the Preview Content folder in the Xcode navigation pane.
  2. Click on Preview Assets.xcassets to view the page:

    Figure 3.3 – The Preview Content folder in the navigation pane

  3. Click Import and select the reading.jpg file from this recipe...