Showing pushviewcontroller animation look like presentModalViewController

Question

Is it possible to show pushViewController animation look like presentModalViewController but that has background functionality of pushViewController?

score 57 · Answer 1 · edited May 11 '12 at 17:08

57

If you want to a fade animation, this approach works.

CATransition* transition = [CATransition animation];
transition.duration = 0.3;
transition.type = kCATransitionFade;
transition.subtype = kCATransitionFromTop;

[self.navigationController.view.layer addAnimation:transition forKey:kCATransition];
[self.navigationController pushViewController:gridController animated:NO];

edited May 11 '12 at 17:08

Thromordyn

1,581
4
17
45

answered Mar 27 '11 at 22:47

steipete

7,581
5
47
81

1

Works like a champ! Nice transition. Thanks! – David H Apr 13 '12 at 01:15
Works beautifully! Thanks a lot! – Amit Feb 14 '13 at 16:50
This is the best approach I've found so far. Other methods were causing errors in the frames of the view, or in the navigation controller bar itself. This animation is working awesomely! – The dude Jan 24 '14 at 09:01

score 49 · Accepted Answer · edited May 09 '14 at 10:01

49

Try this :

UIViewController *yourViewController = [[UIViewController alloc]init];

[UIView  beginAnimations: @"Showinfo"context: nil];
[UIView setAnimationCurve: UIViewAnimationCurveEaseInOut];
[UIView setAnimationDuration:0.75];
[self.navigationController pushViewController: yourViewController animated:NO];
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.navigationController.view cache:NO];
[UIView commitAnimations];

edited May 09 '14 at 10:01

Anoop Vaidya

46,283
15
111
140

answered Oct 20 '10 at 12:04

jithinroy

1,885
1
16
23

1

Any idea on how to do this with iOS 8 Style transitions? – SleepsOnNewspapers Jan 31 '15 at 04:02
6

Is this code doing as its says? As its not for Making animation like Present View Controller. – Dilip Manek Mar 23 '15 at 12:02

score 25 · Answer 3 · edited May 12 '16 at 07:04

25

For display PushViewConttroler animation as Present below code is working,

For Push

 ViewController *VC = [self.storyboard instantiateViewControllerWithIdentifier:@"ViewController"];
 CATransition* transition = [CATransition animation];
 transition.duration = 0.4f;
 transition.type = kCATransitionMoveIn;
 transition.subtype = kCATransitionFromTop;
 [self.navigationController.view.layer addAnimation:transition
                                                    forKey:kCATransition];
 [self.navigationController pushViewController:VC animated:NO];

And for POP

CATransition* transition = [CATransition animation];
transition.duration = 0.4f;
transition.type = kCATransitionReveal;
transition.subtype = kCATransitionFromBottom;
[self.navigationController.view.layer addAnimation:transition
                                            forKey:kCATransition];
[self.navigationController popViewControllerAnimated:NO];

There is 1 issue though, that its display light black background when its going up/down,
Working on that, As soon as its done post new code here.

edited May 12 '16 at 07:04

Hardik Thakkar

15,269
2
94
81

answered Mar 23 '15 at 12:30

Dilip Manek

9,095
5
44
56

@Julian, Not getting your Point. – Dilip Manek Aug 25 '15 at 07:27
@Dilip : Have you solved that display light black background when its going up/down issue?? If you have solved, then plz update your answer.. – Meet Doshi Jan 11 '16 at 05:12
2

@MeetDoshi, Sorry not able to solve this issue, but i have overcome this issue by setting colour of app window to my app theme, so that way its less noticeable. – Dilip Manek Jan 11 '16 at 05:29
As I have a monochromatic background, I got rid of the light black background with a little (dirty) for loop. Here you go in your origin VC: `for (UIView *view in self.view.subviews) { view.backgroundColor = someColor }` – pommefrite May 30 '16 at 08:06

score 1 · Answer 4 · answered Oct 24 '18 at 05:29

For All Trying in Xamarin (C#) equivalent Code From Answer by @hardik Thakkar above, Has the issue of Black backgound during animation, rest all good.

For POP

    CATransition transition = CATransition.CreateAnimation();
    transition.Duration = 0.4;
    transition.Type = CAAnimation.TransitionReveal;
    transition.Subtype = CAAnimation.TransitionFromTop;
    this.NavigationController.View.Layer.AddAnimation(transition, nameof(CATransition));

For Push

    CATransition transition = CATransition.CreateAnimation();
    transition.Duration = 0.4;
    transition.Type = CAAnimation.TransitionReveal;
    transition.Subtype = CAAnimation.TransitionFromBottom;
    this.NavigationController.View.Layer.AddAnimation(transition, nameof(CATransition));

score 0 · Answer 5 · answered Oct 05 '10 at 15:29

0

You should consider doing something like:

ViewController *myVC = [[ViewController alloc] initWithFrame:OFF_SCREEN];
[navigationController pushViewController:myVC animated:NO];

where OFF_SCREEN is some CGRect below the screen, like (0, 481, 320, 480). Then use an animation block to adjust the viewcontroller's view's frame.origin to be (0, 0). You would probably want to do the animate block in viewDidLoad or viewDidAppear.

answered Oct 05 '10 at 15:29

kevboh

5,207
5
38
54

view controllers don't have an `initWithFrame:` initializer – Can Poyrazoğlu May 03 '17 at 13:51

Showing pushviewcontroller animation look like presentModalViewController

5 Answers5

Linked