0

SwiftUI: Animation [SUBSCRIBER]

 2 years ago
source link: https://www.raywenderlich.com/31295564-swiftui-animation
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

SwiftUI: Animation

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Shape

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Group

Upskill for less — save over 30%

Subscribe to 4,000+ videos, 50+ books, and professional development seminars... and save 30% over our monthly price.

This is part of the "iOS User Interfaces with SwiftUI" learning path. View Path

SwiftUI: Animation

Mar 29 2022 · Video Course (40 mins) · Beginner

In this course, we’re going to get you started animating all sorts of SwiftUI views.

Why should you add animation to your apps? Well, animation is a brilliant way to wow your users, and make your app look and feel unique.

Practically speaking, animation can grab a user’s attention, and allow them to focus on what’s most important. It can help your users intuitively understand how to navigate your app or alert them to important changes.

Version

  • Swift 5.5, iOS 15, Xcode 13

Beginning with SwiftUI Animation

Introduction

2:13 Free

Every animation in SwiftUI is based on a simple principle: an animation is a change in value or state over time.

Animation

5:46 Free

Marking properties as State will trigger a new snapshot of your view each time they’re modified. These can be automatically interpolated by SwiftUI!

Animation Options

1:52 Free

An Animation is a small collection of data that defines the properties of a resulting animated effect. These include duration and timing curve information.

Combine Animations

5:42 Free

Create a tappable thumbnail image which will present a larger version of itself with a neat combination of animations.

You’ve animated quite a few properties at the point: including color, position, and scale. Your challenge is to add rotation to the mix.

Spinner

7:51

Over the rest of this part, you’ll build by working to build a modern, fluid spinner-view. You’ll lay the foundations for it in this episode.

Combine multiple animations into one amazing composition. Utilize transition effects, along with the Animations type you’ve learned about already.

At this point, you know plenty about creating animations with SwiftUI. But there is one last topic to cover: creating beautiful animations driven by the user.

Conclusion

0:50

Review some key points to keep in mind, as you continue exploring, regarding shapes, State, gestures, and other modifiers.

Next course in this Learning Path

Version history

iOS 15, Swift 5.5, Xcode 13 (Selected)

Mar 29 2022

iOS 14, Swift 5.3, Xcode 12

Dec 10 2020

Who is this for?

This course is part of our iOS User Interfaces with SwiftUI learning path. You’re ready for this course if you’re working through that learning path in order, or you’re someone who has a bit of iOS and Swift experience: enough to know the basics of putting views onscreen in a SwiftUI-based app.

This course isn’t suited for advanced developers. If that’s you, check out our advanced video courses for more ways to level-up your developer skills!

Covered concepts

  • Animation
  • Rotating
  • Spinner View
  • Transition Effects
  • Interactive Animations

Contributors

Jessy Catterwaul

Fascinated by technology consistently making learning easier, Jessy enjoys exploring new techniques involving creative software...

Instructor
Adriana Kutenko

Graphic Illustrator with a Bachelor’s Degree in Fine Arts. I am a perpetual perfection seeker with a big passion for History...

Illustrator
Catie Catterwaul

Catie makes things for, with, and about Apple tech in collaboration with her husband, Jessy! She is inspired by everyone at...

Updater

04efe109a10ae99501157953c7243473.jpg?d=https%3A%2F%2Fwolverine.raywenderlich.com%2Fv3-resources%2Fimages%2Fdefault-account-avatar_2x.png&s=480

Christine Sweigart

Christine is Razeware's administrative assistant and video editor. For many years she fostered a strong dislike of green...

Video Editor

Comments

Reviews

We want to hear your thoughts!

Log into your account to leave a review for this Video Course.

All videos. All books.
One low price.

A raywenderlich.com subscription is the best way to learn and master mobile development — plans start at just $19.99/month!

Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalog of 50+ books and 4,000+ videos.

The largest and most up-to-date collection of courses and books on iOS, Swift, Android, Kotlin, Flutter, Dart, Server-Side Swift, Unity and more!

All videos. All books. One low price.

A raywenderlich.com subscription is the best way to learn and master mobile development — plans start at just $19.99/month!

Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalogue of 50+ books and 4,000+ videos.

  • © 2022 Razeware LLC
  • Made with ♥ from around the world
  • 6000+ Tutorials and counting

raywenderlich.com and our partners use cookies to understand how you use our site and to serve you personalized content and ads. By continuing to use this site, you accept these cookies, our privacy policy and terms of service .


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK