The last step in creating a life-like animation is making use of animation options. In this video, experiment with several of the options you have available, and see which ones look good in different situations.
- [Instructor] Now that we've got our loading screen…animating cleanly,…we can start to make use of UIView animation options…to give them a bit more life.…When we're using the animate method,…we have access to two categories of options.…Repeating animations, and applying force or momentum,…which we call easing.…Now, since the repeating category has only two options,…let's start with those.…In the animateGraphic animation, let's add…the repeat option to the array perimeter.…We'll say dot repeat,…and let's run this and see what it looks like.…
So as expected, this is going to loop…our graphic animation indefinitely,…but only from the beginning.…If we wanted to play it back and forth,…we would need to add the autoreverse option,…so let's try that out.…Going to stop this playing, add a comma after repeat,…and add in autoreverse.…Save and run that again.…We should see something a little bit different.…There we go, it's pulsing in and out.…
A special note here, autoreverse can only be used as an…option parameter when paired up with repeat.…
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: View animation options