Simple view animations are a great foundation, but there's more you can do with them. In this video, use animation delays and chaining to make your visuals come to life.
- [Instructor] Our first animation looks good…so let's take a shot at animating our graphic in.…Since we don't want all of our animations…starting at the same time,…we're going to add a delay to this animation…so it comes in behind the title more naturally.…I'm going to make myself some room…underneath the animateTitleLabelIn function…and start a new function.…I'm going to name this animateGraphicIn,…again it's going to take no parameters,…and we're going to call UIView.animate…and this time we want to pick the option that has a delay.…
Now for the duration, we want this to be 1.5 seconds again,…but the delay we're going to say is 0.75 seconds.…Now for the options,…we're just going to pass in an empty array.…Hit Enter to auto complete the animations closure…and we are going to want a completion.…We'll talk about this in a second.…Let's just auto complete this so we have it…and we're good to go.…Now there are a lot of new elements here…so let's unpack them.…
We've set up a new animation to last a second and a half…
Author
Released
4/18/2018- How animations fit into the view controller lifecycle
- Writing simple view animations
- Making use of animation options
- Adding spring animations
- Working with keyframes
- Using calculation modes
- Animating constraint values
Skill Level Intermediate
Duration
Views
Related Courses
-
Introduction
-
Welcome56s
-
What you should know1m 21s
-
Exercise files42s
-
-
1. Getting Started
-
Starter project review1m 45s
-
-
2. Animation Basics
-
Simple view animations5m 7s
-
View animation options2m 50s
-
Chapter challenge1m 12s
-
Chapter solution3m 12s
-
-
3. Springs and Transitions
-
Adding spring animations5m 47s
-
View transitions, part 13m 48s
-
View transitions, part 27m 15s
-
Custom button animations3m 53s
-
Chapter solution2m 40s
-
-
4. Working with Keyframes
-
Keyframe animations7m 6s
-
Using calculation modes1m 49s
-
Chapter solution2m 38s
-
5. Auto Layout and Beyond
-
Animating constraint values4m 22s
-
Working with dynamic views6m 11s
-
Chapter solution2m 34s
-
-
Conclusion
-
Next steps1m 1s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Animation delays and chaining