- [Instructor] For this last section,…we're going to be applying everything we've learned so far…to animate auto layout constraints.…Now in the Storyboard, go ahead and select…the ConstraintAnimationsViewController scene…and set it to the initial view controller.…And while we're here,…let's select the welcome label…and go over to the document outline…and select its center x constraint.…Now make sure that you have the attributes tab open…in the utilities foldout.…Now there are two main ways…to go about animating a constraint.…
If you only need to change one property…like the multiplier or constant,…you can do that directly…just like we've been animating our view properties.…However, if you need to change more than one property…on a given constraint,…you'll have to deactivate the constraint entirely…and replace it with a new one.…The first thing we want to do for this screen…is have our welcome label and our newsletter view…off screen left before the view appears…and then animate them back in when the view does appear.…
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: Animating constraint values