Introduction to Facebook Pop

Get an overall idea about iOS animation starting from CA to UIKit to POP with its timing functions, code optimisation and better user experience.
For more details refer to https://github.com/karnikad/PopDemos

Transcript

1. Popping your Apps Karnika Advani karnikad
2. Animation What is it
3. iOS Apps and Animation CA Animation has been the ancient standard since iOS SDK 2 UIKit came along but didn’t have the natural animations until iOS 7+ Lets dive deeper
4. Timing Functions in Core Animation
5. Timing Functions in UIKit Spring Animation Bounce Animation
6. Enter
7. What is it
8. Installation pod 'pop', '~> 1.0'
9. Basic Animation POPBasicAnimation *anim = [POPBasicAnimation animationWithPropertyNamed:kPOPViewAlpha]; anim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; anim.fromValue = @(0.0); anim.toValue = @(1.0); [view pop_addAnimation:anim forKey:@"fade"];
10. Spring Animation POPSpringAnimation *anim = [POPSpringAnimation animationWithPropertyNamed:kPOPViewAlpha]; anim.springBounciness = 15; anim.springSpeed = 20; anim.fromValue = @(0.0); anim.toValue = @(1.0); [view pop_addAnimation:anim forKey:@"fade"];
11. Decay Animation POPDecayAnimation *anim = [POPDecayAnimation animationWithPropertyNamed:kPOPLayerPositionX]; anim.velocity = @(1000.); [layer pop_addAnimation:anim forKey:@"slide"];
12. Spring pre iOS7 [UIView animateWithDuration:0.2 animations:^{ view.frame = wayPastFrame; } completion:^(BOOL finished){ [UIView animateWithDuration:0.2 animations:^{ view.frame = backBitFrame; } completion:^(BOOL finished){ [UIView animateWithDuration:0.2 animations:^{ view.frame = finalFrame; }] } }] } }];
13. Custom Animation
15. Rebound For Android Nerds out there
16. Origami Studio For the people with good eyes
18. Demo @ : https://github.com/karnikad/PopDemos Thank You