SwiftUI Animations iOS 16 - Animate Anything with SwiftUI

SwiftUI Animations iOS 16 - Animate Anything with SwiftUI

by Stephen DeStefano
Released January 2021
Publisher(s): Packt Publishing
ISBN: 9781801077088

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

Create smooth and engaging animations with SwiftUI. This is a fun course with many projects for all skill levels ranging from easy, to intermediate, to advanced, which explore and use various kinds of animation. All you need is a working knowledge of the Swift language, and you will be right at home here. Using Apple’s SwiftUI, you can create beautiful animations with much less code than ever before.

Learn the many techniques and ways of translating your ideas for animation and motion into animations in your apps. In this course, we will be exploring the numerous ways we can use the power of SwiftUI to create and animate anything. SwiftUI is Apple’s new declarative framework; it is fast, easy, and a lot of fun to work with. You will also learn to create the breathing flower project in which we will add effects such as snow and wind to make the flower look lively.

We will animate objects around different axes and create a marching ant’s effect that we will use as a fan belt to drive gears. We will animate a weather graph with data, and we will combine animations together to create a more unique effect. We will use the Shape protocol and paths so we can make a custom wave shape, and then animate that shape along different control points. We will use animatableData, a built-in SwiftUI property that lets us animate data in all kinds of interesting ways.

What You Will Learn

  • Animate all kinds of objects and values
  • Shape protocol and paths to create a custom wave shape
  • Understand the Parallax effect
  • Use iOS SpriteKit to create animations that follow the law of physics
  • Make projects engaging by adding sound
  • Combine animations to create a more unique effect

Audience

If you are a web developer or an application developer who is looking to create stunning animations using SwiftUI, this course is for you. This course assumes you have a working knowledge of the Swift language to easily understand the topics covered.

About The Author

Stephen DeStefano: Steve DeStefano is a long-time iOS / macOS / watchOS instructor. He has created a SwiftUI course that is geared toward beginners and takes them all the way to the expert level in a very short amount of time. Steve offers a unique way of presenting his material, which is with callouts, highlighting, and graphics, to make it more understandable and easier to follow the path of the code. He has transferred many of his bestselling iOS / macOS / watchOS / tvOS, and other books into lecture-style courses, so you get the best instructions available for all of Apple’s platforms.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Introduction
    1. Course Introduction
  2. Chapter 2 : What Is SwiftUI? Declarative Versus Imperative Programming
    1. Declarative Versus Imperative Programming
  3. Chapter 3 : Stacks
    1. Stacks
  4. Chapter 4 : Text and Modifiers
    1. Text and Modifiers – Part 1
    2. Text and Modifiers – Part 2
    3. Text and Modifiers – Part 3
  5. Chapter 5 : TextField State and Modifiers
    1. TextField - State and Modifiers
  6. Chapter 6 : Image and Its Modifiers
    1. Image and Modifiers- Part 1
    2. Image and Modifiers- Part 2
  7. Chapter 7 : Project 1 – Circle of Friends – Animating Circles (Skill Level - Easy)
    1. Introduction to Project 1
    2. Animating Circles Lectures
  8. Chapter 8 : Project 2 – Record Player (Skill Level - Easy)
    1. Introduction to Project 2
    2. Adding the Record Box –and Moving an Arm - Part 1
    3. Adding the Play Button – Sound - Part 2
  9. Chapter 9 : Project 3 – Hue Rotation Example 1 (Skill Level - Easy)
    1. Introduction to Project 3
    2. Hue Rotation Example 1
  10. Chapter 10 : Project 4 – Breathing Flower (Skill Level - Intermediate)
    1. Introduction to Project 4
    2. Part 1 - Add the Flowers and Breath
    3. Part 2 - Adding the Snow
  11. Chapter 11 : Project 5 – Patriotic Bird – Flying Eagle (Skill Level - Easy)
    1. Introduction to Project 5
    2. Flying Eagle
  12. Chapter 12 : Project 6 – Dodgeball Anyone? – SpriteKit Foundation (Skill Level - Easy)
    1. Introduction to Project 6
    2. SpriteKit Fountain
  13. Chapter 13 : Project 7 – Hue Is So Colorful – Hue Rotation Example 2 (Skill Level - Intermediate)
    1. Introduction to Project 7
    2. Hue Rotation Example 2
  14. Chapter 14 : Project 8 – Grounds for Dismissal – Animate Transition (Skill Level – Advanced)
    1. Introduction to Project 8
    2. Building the Settings View – Part 1
    3. Create, Present, and Dismiss Transformation Functionality – Part 2
    4. Presenting and Dismissing the Transition - Part 3
  15. Chapter 15 : Project 9 – Parallax This! – Parallax Effect (Skill Level - Easy)
    1. Introduction to Project 9
    2. Parallax Effect
  16. Chapter 16 : Project 10 – Need a Lift? – Elevator (Skill Level - Intermediate)
    1. Introduction to Project 10
    2. Creating the Frame and Doors - Part 1
    3. Creating the Button and Floor Numbers - Part 2
    4. Adding the Time Functions – Sound - Part 3
  17. Chapter 17 : Project 11 – Get into the Swing of It (Skill Level - Easy)
    1. Introduction to Project 11
    2. Swinging Animation
  18. Chapter 18 : Project 12 – Starry Night – Twinkling Stars (Skill Level - Advanced)
    1. Introduction to Project 12
    2. Fill Out the Path Function
    3. Creating the Stars
  19. Chapter 19 : Project 13 – A Fair Weather Friend – Weather User Interface (UI) (Skill Level - Intermediate)
    1. Introduction to Project 13
    2. Adding the Data Model – Picker - Part 1
    3. Adding a Graph and Using Text Animations - Part 2
    4. Animating - Part 3
    5. Adding Swift Packages - Part 4
  20. Chapter 20 : Project 14 – Gear Up – X, Y, and Z Axis Rotation (Skill Level - Intermediate)
    1. Introduction to Project 14
    2. Creating Gears - Part 1
    3. Creating Belts - Part 2
    4. Creating a Gear Shaft - Part 3
    5. Creating the Fan view - Part 4
    6. Part 5 - Putting It All Together in the ContentView
  21. Chapter 21 : Project 15 – Make Some Waves (Skill Level - Advanced)
    1. Introduction to Project 15
    2. Creating a Wave with the Path Function - Part 1
    3. Creating an Ocean - Part 2
    4. Creating a Buoy with Lights - Part 3
    5. Adding Audio - Part 4
  22. Chapter 22 : Project 16 – A Stroke of Insight– Animating Strokes (Skill Level - Advanced)
    1. Introduction to Project 16
    2. Creating the Heart Shape - Part 1
    3. Animating the Path Around the Heart Shape - Part 2
  23. Chapter 23 : Project 17 – Be Fruitful and Multiply – Expand a View (Skill Level - Intermediate)
    1. Introduction to Project 17
    2. Adding View
  24. Chapter 24 : Project 18 – Lighten Up – Light Switch (Skill Level - Intermediate)
    1. Introduction to Project 18
    2. Light Switch
  25. Chapter 25 : Project 19 – Let's Connect – Wi-Fi Loading Animation (Skill Level - Advanced)
    1. Introduction to Project 19
    2. Creating the Emitter and Arcs - Part 1
    3. Putting It All Together in ContentView - Part 2
  26. Chapter 26 : Project 20 – Never Judge a Book by Its Movie – Book Loader (Skill Level - Advanced)
    1. Introduction to Project 20
    2. Part 1 - Create the Spine - Create the Pages
    3. Part 2 - Putting the Book Together

Product information

  • Title: SwiftUI Animations iOS 16 - Animate Anything with SwiftUI
  • Author(s): Stephen DeStefano
  • Release date: January 2021
  • Publisher(s): Packt Publishing
  • ISBN: 9781801077088