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: Stephen DeStefano is a long-time iOS / macOS / watchOS instructor and creator of a SwiftUI course geared toward beginners and takes them all the way to the expert level in a concise amount of time.

Stephen has a unique way of presenting his material, with callouts, highlighting, and graphics, all to make it more understandable and easier to follow the path of the code. He has converted many of his bestselling iOS / macOS / watchOS / tvOS and other books into lecture-style courses—so, you are getting the best instruction available for all of Apple’s platforms.

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. Part 1 - Creating the Data Model
    3. Part 2 - Adding the Elevator and People
    4. Part 3 - Putting the UI Together
  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 Fairweather 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 Axes 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 and Animating the Waves - Part 1
    3. Adding the Buoy and Sound Effects - Part 2
  22. Chapter 22 : Project 16 – A Stroke of Insight– Animating Strokes (Skill Level - Advanced)
    1. Introduction to Project 16
    2. Create the Heart Shapes - Animate the Strokes
  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