![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"];](https://image.slidesharecdn.com/pop1-170602163638/85/Introduction-to-Facebook-Pop-9-320.jpg)
![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"];](https://image.slidesharecdn.com/pop1-170602163638/85/Introduction-to-Facebook-Pop-10-320.jpg)
![Decay Animation
POPDecayAnimation *anim = [POPDecayAnimation
animationWithPropertyNamed:kPOPLayerPositionX];
anim.velocity = @(1000.);
[layer pop_addAnimation:anim forKey:@"slide"];](https://image.slidesharecdn.com/pop1-170602163638/85/Introduction-to-Facebook-Pop-11-320.jpg)
![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;
}]
}
}]
}
}];](https://image.slidesharecdn.com/pop1-170602163638/85/Introduction-to-Facebook-Pop-12-320.jpg)
Introduction to Facebook Pop
- 1. Popping your Apps Karnika Advani karnikad
- 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