This 28-video course will get you started animating views in iOS. You’ll start off animating views via Auto Layout constraints, and then learn how to animate view properties directly. By the end of the course, you’ll even learn how to build a custom view controller transition.
Let’s take a look at what’s inside:
Part 1: Animating Constraints
In this first part, you’ll begin animating views via their Auto Layout constraints. Learn how to add springs to your animations and how to use the view transitions built into UIKit.
This section contains 11 videos:
- Introduction: Find out what animation is and how it can help your apps in this introductory video!
- Animating Constraint Constants: Animate the constant property of an Auto Layout constraint as you create your first view animation for the Packing List app.
- Challenge: Animate Position with Constraints: Try animating another constraint on your own, and get a sneak peek at animating view properties directly.
- Animating Dynamically Created Views: Learn how to animate the constraints of views you create dynamically and constrain entirely in code.
- Challenge: Animate a View Offscreen: In this challenge, animate constraint constants to move a view offscreen. Try using the delay parameter to start the animation after a short wait.
- Animating Constraint Multipliers: Learn the differences between animating constants and multipliers, then try animating a multiplier using a search and replace approach.
- Challenge: Toggle Constraints: Try your hand at another way to animate constraint multipliers: toggling between two constraints with IBOutlets.
- Adding Springs: It’s time to add a little fun to your animations! Learn how to make spring-driven animations and customize their effects.
- Using View Transitions: Learn to use view transitions; a set of predefined view animations that can help you quickly add and remove views with style.
- Challenge: Triggering View Transitions: In this challenge, have another try at using view transitions and explore the different ways to trigger them.
- Conclusion: Review what you’ve learned in this section, and find out what’s next in your animation journey.
Part 2: Animating View Properties
In this part, you’ll start animating views directly, learn to use a view’s transform property, and create complex keyframe animations.
This section contains 9 videos:
- Introduction: What’s the difference between animating constraints and animating view properties? Find out in this video!
- Animating View Properties Build an animation to cross-fade between two views using three different view properties and some new techniques.
- Challenge: Create a Fade Animation: Try adding another animation using a view property. This time, use alpha to fade a single view in and out.
- Animating Transform Properties: Learn how to scale, translate, and rotate views with the powerful, but sometimes confounding, transform property.
- Challenge: Add Variety: In this challenge add variation to your last animation to slide labels to and from different directions.
- Concatenating Transforms Experiment with combining changes in multiple transform properties to create complex animations, and find out how they can go wrong.
- Animating with Keyframes: Create a complex animation that encompasses multiple properties and multiple steps with a keyframe animation.
- Challenge: Practice Keyframes: In this challenge, solidify your keyframe animation skills by adding one more keyframe animation to your project.
- Conclusion: Review what you’ve learned in this part, and prepare to take your animation skills to the next level.
Part 3: View Controller Transitions
In the final part, use all of the animation skills you’ve learned to build a custom view controller transition.
This section contains 8 videos:
- Introduction: Learn about view controller transitions and why you should consider customizing them with unique animations in your apps.
- Setting up the Animator: Take a tour of the Beginning Cook app and set it all up for custom view controller transition animations.
- Challenge: Plan the Presentation Animation: Now that you have several view animations under your belt, try to plan out the steps needed to build the presentation animation.
- Presentation Animation: Follow through on your plan from the previous challenge to create a custom presentation animation.
- Challenge: Plan the Dismiss Animation: In this challenge, plan the steps required to take the presentation animation you’ve completed, and run it in reverse as a dismiss animation.
- Dismiss Animation: Take your plan for the dismiss animation and put it into action to create a completey customized view controller transition animation.
- Adding Polish: Wrap up your custom view controller transition with a few final steps to make the animation really shine.
- Conclusion: Review what you’ve learned in this part of the course, and find out what more there is to learn about animating in iOS.
Where To Go From Here?
Want to check out the course? You can watch the first two videos for free! The rest of the course is for raywenderlich.com subscribers only. Here’s how you can get access:
- If you are a raywenderlich.com subscriber: The entire 34-part course is complete and available today. You can check out the course here.
- If you are not a subscriber yet: What are you waiting for? Subscribe now to get access to our updated Beginning iOS Animations course and our entire catalog of over 500 videos.
Stay tuned for more new and updated iOS 11 courses to come. I hope you enjoy our course! :]