Book Image

Animating SwiftUI Applications

By : Stephen DeStefano
Book Image

Animating SwiftUI Applications

By: Stephen DeStefano

Overview of this book

Swift and SwiftUI are the backbone of Apple application development, making them a crucial skill set to learn. Animating SwiftUI Applications focuses on the creation of stunning animations, making you proficient in this declarative language and employing a minimal code approach. In this book, you'll start by exploring the fundamentals of SwiftUI and animation, before jumping into various projects that will cement these skills in practice. You will explore some simple projects, like animating circles, creating color spectrums with hueRotation, animating individual parts of an image, as well as combining multiple views together to produce dynamic creations. The book will then transition into more advanced animation projects that employ the GeometryReader, which helps align your animations across different devices, as well as creating word and color games. Finally, you will learn how to integrate the SpriteKit framework into our SwiftUI code to create scenes with wind, fire, rain, and or snow scene, along with adding physics, gravity, collisions, and particle emitters to your animations. By the end of this book, you’ll have created a number of different animation projects, and will have gained a deep understanding of SwiftUI that can be used for your own creations.
Table of Contents (18 chapters)

Creating the record player elements

To create our record player, we will create three separate files, each in charge of performing specific tasks:

  • The first file will hold the record player box
  • The second file will hold the spinning record, the record player arm, and the button to control it
  • The third file will hold the sound file that will play when the record player animation starts

Let’s get started with the first file.

Creating the record player box

To create the file to hold the record player box, in Xcode, open the File menu, select New, then select File. You will notice that this brings up several template options:

Figure 4.4: Creating a new SwiftUI file

Looking at the top of the window, the row of tabs lets you select which platform you want to write code for. We’re only interested in iOS apps, so select the iOS tab. Then, under the User Interface heading, select SwiftUI View.

Click Next, and you will be...