NEW: My new book Pro SwiftUI is out now – level up your SwiftUI skills today! >>

DAY 57

Project 15, part one

Today we’re going to be looking at a fundamentally important part of iOS development: animation.

Years ago animation was often considered inconsequential – it was there to make something look nice, rather than adding real value. But today we recognize that animation helps guide users through state changes in our app: when they delete an email it moved into the trash can, so they can see that it’s gone and know where to go if they want it back.

John Maeda, design lead at Automattic (the company behind Wordpress), put this rather succinctly: “Design used to be the seasoning you’d sprinkle on for taste; now it’s the flour you need at the start of the recipe.” That means we need to be thinking about animation at the early stages of our app – deciding how the user should interact with everything we show them needs to be at the core of our design.

Today is all about bringing your user interfaces to life with movement, scaling, rotation, and more. We’ll be working in a sandbox, but you can use these principles anywhere!

Today you have three topics to work through, and you’ll learn about animate(withDuration:), CGAffineTransform, alpha, and more.

Need help? Tweet me @twostraws!


Hacking with Swift is sponsored by Play

SPONSORED Play is the first native iOS design tool created for designers and engineers. You can install Play for iOS and iPad today and sign up to check out the Beta of our macOS app with SwiftUI code export. We're also hiring engineers!

Click to learn more about Play!

Sponsor Hacking with Swift and reach the world's largest Swift community!

100 Days of Swift

The 100 Days of Swift is a free collection of videos, tutorials, tests, and more to help you learn Swift faster. Click here to learn more, or watch the video below.

Back to 100 Days of Swift

Unknown user

You are not logged in

Log in or create account

Link copied to your pasteboard.