- [Instructor] One thing you might have noticed…is that if we repeatedly click register,…the continue button is going to keep moving down…by 50 pixels each time.…Don't worry about this right now…since the chapter challenge…will be to reverse the register transition animation combo…when sign in is selected.…All right, so let's go back into our code…and add in a nice popping effect…when the continue button is pressed.…Now we could do this…in the springs and transitions view controller,…but it's going to be cleaner if we separate this off…into the CustomButton class.…
Head over into the views subfolder and select CustomButton…and let's declare a new function under setup.…We're going to call this function selectionAnimation.…It's going to take in no parameters…and we need to expose it to objc…so that we can pass it in…to the button's target action selector.…Now for the animation itself,…I want the button to jump up just a tiny bit,…scale in the x and y direction so it looks like it pops,…and set the alpha to 0.5 so we have a nice dimming effect.…
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: Custom button animations