Flip animation when controller pushed on iPhone

Question

I had a look around and didn't find what I was exactly looking for.

Is there a way to get a flip animation when pushing a view controller?

I read that you can change the animation by using a modal view controller but AFAIK the animation for a modal view is from bottom to top and that's not what i am looking for. Is there a way to get a flip animation somehow?

score 50 · Answer 1 · answered May 26 '10 at 23:03

50

something like this should work

[UIView beginAnimations:@"animation" context:nil];
[self.navigationController pushViewController: yourviewcontroller animated:NO]; 
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.navigationController.view cache:NO]; 
[UIView commitAnimations];

don't forget to set animated to NO when calling pushViewController

answered May 26 '10 at 23:03

John

601
5
8

1

can we slow down the animation l'll bit? Its quite fast.. Regards – Shishir.bobby Jul 14 '10 at 10:49
4

you can use setAnimationDuration to specify a duration in seconds like [UIView setAnimationDuration:1.5]; – John Jul 15 '10 at 13:34
3

0.7 seems to be about right, if you want it to match the Weather app. – Tommy Herbert Mar 02 '11 at 21:05
Yes, the `animated:NO` is important. Thanks for mentioning it. – abc123 Mar 13 '13 at 04:35

score 15 · Answer 2 · edited May 09 '13 at 09:36

15

This also works.. for iOS 4.0 and greater

[UIView  transitionWithView:self.navigationController.view duration:0.8  options:UIViewAnimationOptionTransitionFlipFromLeft
                             animations:^(void) {
                                 BOOL oldState = [UIView areAnimationsEnabled];
                                 [UIView setAnimationsEnabled:NO];
                                 [self.navigationController pushViewController:viewController animated:YES];
                                 [UIView setAnimationsEnabled:oldState];
                             }
                             completion:nil];

edited May 09 '13 at 09:36

Hemang

26,840
19
119
186

answered Sep 21 '12 at 06:55

Kirti Nikam

2,166
2
22
43

I doesn’t work well in iOS7, as the view animation is cut in half and then “jumps” into position when animation is done. The discouraged Apple way still works perfectly though. – margusholland Sep 24 '13 at 07:59

score 4 · Answer 3 · edited Apr 16 '13 at 10:07

- (void)viewWillDisappear:(BOOL)animated {
[UIView beginAnimations:@"animation2" context:nil];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationDuration: 0.7];
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.navigationController.view cache:NO]; 
[UIView commitAnimations]; }

in the new viewcontroller will make it flip back the same way (instead of sliding left) when the back button in the toolbar is pushed -- make sure animation is enabled here, e.g., if you make a custom button to pop the stack, use:

- (void) backToPrevious: (id) sender 
{
    //[self.navigationController popViewControllerAnimated:YES];
    [self dismissModalViewControllerAnimated:YES];
}

As mentioned in the [UIView docs](http://developer.apple.com/library/ios/#documentation/uikit/reference/uiview_class/uiview/uiview.html), the `beginAnimations:context:` method is part of a group of methods Apple are discouraging developers from using (from iOS 4 and on). They recommend using UIView's block-based animation methods instead (for example, `animateWithDuration:animations:completion:`). — , Sep 24 '12 at 10:00

score 1 · Accepted Answer · answered Mar 24 '10 at 10:21

1

For modally presented view controllers, you can change the animation with the modalTransitionStyle property. AFAIK, there is no way to change a navigation controller's push animation (except rebuilding UINavigationController from scratch).

answered Mar 24 '10 at 10:21

Ole Begemann

135,006
31
278
256

Okay, should be enough for now ;) Thks. – chacha Mar 24 '10 at 10:28
2

After a long hunt i got this **github** link. It is working for me https://github.com/devindoty/iOS-Transition-Pack – Naveen Thunga Jul 16 '12 at 06:36

Flip animation when controller pushed on iPhone

4 Answers4

Linked