SwiftUI Cookbook

By : Giordano Scalzo, Edgar Nzokwe

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.

Preface

Who this book is for

What this book covers

To get the most out of this book

Download the example code files

Conventions used

Get in touch

Reviews

Chapter 1: Using the Basic SwiftUI Views and Controls

Technical requirements

How to lay out components

Dealing with text

Using images

Adding buttons and navigating with them

Beyond buttons – how to use advanced pickers

How to apply groups of styles using ViewModifiers

Separating presentation from content with ViewBuilder

Simple graphics using SF Symbols

The best of both worlds – integrating UIKit into SwiftUI

Adding SwiftUI to an existing app

More views and controls (iOS 14+)

Free Chapter

Chapter 2: Going Beyond the Single Component with Lists and Scroll Views

Technical requirements

Using scroll views

Creating a list of static items

Using custom rows in a list

Adding rows to a list

Deleting rows from a list

Editing a list

Moving rows in a list

Adding sections to a list

Using LazyHStack and LazyVStack (iOS 14+)

Using LazyHGrid and LazyVGrid (iOS 14+)

Using ScrollViewReader (iOS 14+)

Using expanding lists (iOS 14+)

Using disclosure groups to hide and show content (iOS 14+)

Chapter 3: Viewing while Building with SwiftUI Preview

Technical requirements

Previewing the layout in dark mode

Previewing the layout at different dynamic type sizes

Previewing the layout in a navigation view

Previewing the layout on different devices

Using previews in UIKit

Using mock data for previews

Chapter 4: Creating New Components and Grouping Views in Container Views

Technical requirements

Showing and hiding sections in forms

Disabling/enabling items in a form

Navigating between multiple views with TabView

Using gestures with TabView

Chapter 5: Presenting Extra Information to the User

Technical requirements

Presenting alerts

Adding actions to alert buttons

Presenting multiple alerts

Presenting ActionSheet views

Showing a sheet modally

Creating a context menu

Implementing a popover

Chapter 6: Drawing with SwiftUI

Technical requirements

Using SwiftUI's built-in shapes

Creating a dashed border in SwiftUI

Drawing a custom shape

Drawing a curved custom shape

Using UIBezierPath with SwiftUI

Implementing a progress ring

Implementing a Tic-Tac-Toe game in SwiftUI

Rendering a gradient view in SwiftUI

Rendering a border with a gradient

Filling a border with an image

Building a bar chart

Building a pie chart

Chapter 7: Animating with SwiftUI

Technical requirements

Creating basic animations

Transforming shapes

Creating a banner with a spring animation

Applying a delay to a view modifier animation to create a sequence of animations

Applying a delay to a withAnimation function to create a sequence of animations

Applying multiple animations to a view

Creating custom view transitions

Creating a hero view transition with .matchedGeometryEffect

Creating an animated pressable button

Lottie animations in SwiftUI

Implementing a stretchable header in SwiftUI

Creating floating hearts in SwiftUI

How to implement a swipeable stack of cards in SwiftUI

Chapter 8: Driving SwiftUI with Data

Technical requirements

Using @State to drive Views behavior

Using @Binding to pass a state variable to child Views

Implementing a CoreLocation wrapper as @ObservedObject

Sharing state objects with multiple views using @EnvironmentObject

Chapter 9: Driving SwiftUI with Combine

Technical requirements

Introducing Combine in a SwiftUI project

Managing the memory in Combine to build a timer app

Validating a form using Combine

Fetching remote data using Combine and visualizing it in SwiftUI

Debugging an app based on Combine

Unit testing an app based on Combine

Chapter 10: Handling Authentication and Firebase with SwiftUI

Technical requirements

Implementing SwiftUI Sign in with Apple

Implementing UIKit Sign in with Apple to be used in SwiftUI

Integrating Firebase into a SwiftUI project

Using Firebase to sign in using Google

Implementing a distributed Notes app with Firebase and SwiftUI

Chapter 11: Handling Core Data in SwiftUI

Technical requirements

Integrating Core Data with SwiftUI

Showing Core Data objects with @FetchRequest

Adding Core Data objects to a SwiftUI view

Filtering Core Data requests using a predicate

Deleting Core Data objects from a SwiftUI view

Chapter 12: Cross-Platform SwiftUI

Technical requirements

Creating an iOS app in SwiftUI

Creating the macOS version of the iOS app

Creating the watchOS version of the iOS app

Chapter 13: SwiftUI Tips and Tricks

Technical requirements

Snapshot testing SwiftUI views

Unit testing SwiftUI with ViewInspector

Implementing a multilanguage app with localized strings in SwiftUI

Showing a PDF in SwiftUI

Embedding a MapView in SwiftUI

Embedding a UIKit MapView in SwiftUI

Implementing SwiftUI views using Playground

Using custom fonts in SwiftUI

Implementing asynchronous images in SwiftUI

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Drawing a curved custom shape

Following up on the previous Drawing a custom shape recipe, what if we want to define a shape that is made up not only of straight lines, but also has a curved line in it? In this recipe, we'll build a heart-shaped component using the arc and curve primitives of Path.

Getting ready

As usual, create a SwiftUI app called HeartApp.

How to do it...

We are going to follow the same steps we implemented in the previous Drawing a custom shape recipe, adding curves and an arc from one point to another.

Since the control points of a heart shape are in the mid point of each side, we must add some convenient properties to the CGRect struct.

Let's do this with the following steps:

Let's add the properties to return the coordinates from each of the quarters:

extension CGRect {
    var quarterX: CGFloat {
        minX + size.height/4
    }
  ...

SwiftUI Cookbook

By : Giordano Scalzo, Edgar Nzokwe

SwiftUI Cookbook

By: Giordano Scalzo, Edgar Nzokwe

Overview of this book

Related Content you might be interested in

Current Title:

SwiftUI Cookbook

Learn SwiftUI

SwiftUI Projects

Animating SwiftUI Applications

Drawing a curved custom shape

Getting ready

How to do it...