Custom Animations and Transitions on iOS

The talk I gave at NSIstanbul's December Meetup

Transcript

1. NSIstanbul C O M M U N I T Y
2. Custom Animations and Transitions on iOS
3. Before
4. Interaction Designer
5. Form
7. Origami
9. Form
10. Custom Animations
11. A Primer on Animations
12. A Primer on Animations [UIView animateWithDuration:1.0 animations:^{ [self.view layoutIfNeeded]; } completion:^{ }]; CAAnimation
13. A Primer on Animations UIView CALayer
14. A Primer on Animations CALayer [_loadingView.layer addAnimation:rotateAnimation forKey:@"rotateAnimation"];
15. A Primer on Animations CAAnimation CABasicAnimation CAKeyframeAnimation CAGroupAnimation
16. A Primer on Animations CAAnimation Keys rotation scale position height origin strokeStart strokeEnd width
17. Basic Animations
18. Custom Animations
21. These animations require a lot of testing and trying.
22. These animations require a lot of testing and trying. How?
23. QuartzCode
25. Shape Particle Emitter Animations Chaining Replicator Image Text
26. Very Complex Animations
28. Custom Animations
29. Custom Transitions
30. iOS6 UIModalTransitions UINavigationController Transitions UIModalTransitionStyleCoverVertical UIModalTransitionStylePartialCurl UIModalTransitionStyleHorizontalFlip UIModalTransitionStyleCrossDissolve UIViewAnimationTransitionNone UIViewAnimationTransitionFlipFromLeft UIViewAnimationTransitionFlipFromRight UIViewAnimationTransitionCurlUp UIViewAnimationTransitionCurlDown Custom Transitions
31. Custom Transitions iOS7 toVC.presentationStyle = UIModalPresentationCustom; toVC.transitioningDelegate = toVC; <UIViewControllerTransitioningDelegate>
32. <UIViewControllerTransitioningDelegate> -(id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController: (UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source -(id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController: (UIViewController *)dismissed
33. <UIViewControllerAnimatedTransitioning> -(NSTimeInterval)transitionDuration: (id<UIViewControllerContextTransitioning>)transitionContext -(void)animateTransition: (id<UIViewControllerContextTransitioning>)transitionContext
34. transitionContext UIViewController *fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey]; UIViewController *toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
35. - (id<UIViewControllerAnimatedTransitioning>) navigationController:(UINavigationController *)navigationController animationControllerForOperation:(UINavigationControllerOperation)operation fromViewController:(UIViewController*)fromVC toViewController:(UIViewController*)toVC { if (operation == UINavigationControllerOperationPush) { return self.animator; } return nil; } Navigation Transitions
36. Thanks