UIView slide transition

[gplumb]

Hi guys (and girls! )

I was wondering how I could achieve a slide left/right with a UIView?
I got the standard flip transition working using the following code:

// Flippin' marvellous!
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:1.0];
[UIView setAnimationTransition:UIViewAnimationTransitionFl ipFromLeft forView:window cache:YES];

[[mainScreenController view] removeFromSuperview];
[window addSubview:[myNextScreenController view]];
[UIView commitAnimations];


I was wondering how would I modify this code to slide the second view in from right to left? (Sorry, I am a n00b to ObjC/iPhone atm!)

Thanks
Gee

[Bertrand21]

// get the view that's currently showing
	UIView *currentView = self.view;
	// get the the underlying UIWindow, or the view containing the current view view
	UIView *theWindow = [currentView superview];
	
	// remove the current view and replace with myView1
	[currentView removeFromSuperview];
	//[theWindow addSubview:newView];
	
	// set up an animation for the transition between the views
	CATransition *animation = [CATransition animation];
	[animation setDuration:0.5];
	[animation setType:kCATransitionPush];
	[animation setSubtype:kCATransitionFromLeft];
	[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
	
	[[theWindow layer] addAnimation:animation forKey:@"SwitchToView1"];

[gplumb]

Hi Bertrand21

Thank you for your help - this code was exactly what I was after. I removed the first couple of lines as I already had these set up as properties

Just a quick note to anyone else who is also new to this, you will need to import the QuartzCore framework and add the appropriate #import line at the top of your code.

Thanks
Gee

[Duncster2k4]

Originally Posted by gplumb

Hi Bertrand21

Thank you for your help - this code was exactly what I was after. I removed the first couple of lines as I already had these set up as properties

Just a quick note to anyone else who is also new to this, you will need to import the QuartzCore framework and add the appropriate #import line at the top of your code.

Thanks
Gee

Thanks for this! Worked perfectly

D.

[mihirsm]

Hi,

I followed the above code and the view slides nicely. Though the new view never shows up.

In the "SwitchToView1" method I do the following:

[self.view addSubview:newView]

Plz, can someone let me know what I am missing.

Thanks.

[asUwish]

Hi there,

I'm trying to slide a view out and a new one in but the code isn't working. did you get this to work?

asUwish.

Originally Posted by mihirsm

Hi,

I followed the above code and the view slides nicely. Though the new view never shows up.

In the "SwitchToView1" method I do the following:

[self.view addSubview:newView]

Plz, can someone let me know what I am missing.

Thanks.

[erastusnjuki]

Just for those who are stranded like I was ...here's some code that worked for me. with this the new view slid in
//1. Add the QuatzCore Framework from library to the Frameworks folder
//2. At the top include the header file

#import <QuartzCore/QuartzCore.h>

//3. Implement the code

yourViewController = [[YourViewController alloc]
initWithNibName:@"YourViewController"
bundle:nil];
// get the view that's currently showing
UIView *currentView = self.view;
// get the the underlying UIWindow, or the view containing the current view
UIView *theWindow = [currentView superview];

UIView *newView = yourViewController.view;

// remove the current view and replace with myView1
[currentView removeFromSuperview];
[theWindow addSubview:newView];

// set up an animation for the transition between the views
CATransition *animation = [CATransition animation];
[animation setDuration:0.5];
[animation setType:kCATransitionPush];
[animation setSubtype:kCATransitionFromRight];
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseO ut]];

[[theWindow layer] addAnimation:animation forKey:@"SwitchToView1"];

[darkplastic]

Originally Posted by erastusnjuki

Just for those who are stranded like I was ...here's some code that worked for me. with this the new view slid in
//1. Add the QuatzCore Framework from library to the Frameworks folder
//2. At the top include the header file

#import <QuartzCore/QuartzCore.h>

//3. Implement the code

yourViewController = [[YourViewController alloc]
initWithNibName:@"YourViewController"
bundle:nil];
// get the view that's currently showing
UIView *currentView = self.view;
// get the the underlying UIWindow, or the view containing the current view
UIView *theWindow = [currentView superview];

UIView *newView = yourViewController.view;

// remove the current view and replace with myView1
[currentView removeFromSuperview];
[theWindow addSubview:newView];

// set up an animation for the transition between the views
CATransition *animation = [CATransition animation];
[animation setDuration:0.5];
[animation setType:kCATransitionPush];
[animation setSubtype:kCATransitionFromRight];
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseO ut]];

[[theWindow layer] addAnimation:animation forKey:@"SwitchToView1"];

Hey guys, all this seems to work, just doesn't seem to create a valid reference to the new viewController.

After the transition any (IBAction) calls from the new view seem to crash the application...am I missing something here?

[darkplastic]

Originally Posted by darkplastic

Hey guys, all this seems to work, just doesn't seem to create a valid reference to the new viewController.

After the transition any (IBAction) calls from the new view seem to crash the application...am I missing something here?

*EDIT*

Managed to get it to work, but this method seems to have a bunch of issues when it comes to orientation...

Wander if there is a way to get it to closer emulate presentModalViewController behaviour (i.e new view is animated with correct orientation and size)

[chrigil]

Originally Posted by darkplastic

*EDIT*

Managed to get it to work, but this method seems to have a bunch of issues when it comes to orientation...

Wander if there is a way to get it to closer emulate presentModalViewController behaviour (i.e new view is animated with correct orientation and size)

How did you manage to work around this problem darkplastic? I'm struggling with making IBAction calls too.

Any advice is appreciated.

Thanks

Chris

[agfa555]

THANK YOU!!!!!!

Originally Posted by erastusnjuki

Just for those who are stranded like I was ...here's some code that worked for me. with this the new view slid in
//1. Add the QuatzCore Framework from library to the Frameworks folder
//2. At the top include the header file

#import <QuartzCore/QuartzCore.h>

//3. Implement the code

yourViewController = [[YourViewController alloc]
initWithNibName:@"YourViewController"
bundle:nil];
// get the view that's currently showing
UIView *currentView = self.view;
// get the the underlying UIWindow, or the view containing the current view
UIView *theWindow = [currentView superview];

UIView *newView = yourViewController.view;

// remove the current view and replace with myView1
[currentView removeFromSuperview];
[theWindow addSubview:newView];

// set up an animation for the transition between the views
CATransition *animation = [CATransition animation];
[animation setDuration:0.5];
[animation setType:kCATransitionPush];
[animation setSubtype:kCATransitionFromRight];
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseO ut]];

[[theWindow layer] addAnimation:animation forKey:@"SwitchToView1"];

[aoberoi]

Originally Posted by Bertrand21

// get the view that's currently showing
	UIView *currentView = self.view;
	// get the the underlying UIWindow, or the view containing the current view view
	UIView *theWindow = [currentView superview];
	
	// remove the current view and replace with myView1
	[currentView removeFromSuperview];
	//[theWindow addSubview:newView];
	
	// set up an animation for the transition between the views
	CATransition *animation = [CATransition animation];
	[animation setDuration:0.5];
	[animation setType:kCATransitionPush];
	[animation setSubtype:kCATransitionFromLeft];
	[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
	
	[[theWindow layer] addAnimation:animation forKey:@"SwitchToView1"];

I have a couple questions about memory management using this code.

Assuming this is a method inside a UIViewController, when does this object get released? Its view isn't in the window anymore so it should be save to release right?

Who is retaining the newView's view controller? Where is it alloc-init-ed? If I want to initialized it from a nib, then load the view this way, will the view controller stick around beyond the end of this method?

[Hakimo]

Thanks very much for the code. I have some questions though. If I'm adding a second view, I noticed after going to the second view and going back to the root view, the screen goes white. I can only see it after deleting the line "[currentView removeFromSuperview];".

What I like to know, since the mainview is the rootview, is it necessary to remove it from view. How does this effect the memory?

And if I have to remove it from the root view, should I insert the same code on the 2nd view? As in adding a new subview? How would this effect the performance?

Hope this makes sense.

Originally Posted by erastusnjuki

Just for those who are stranded like I was ...here's some code that worked for me. with this the new view slid in
//1. Add the QuatzCore Framework from library to the Frameworks folder
//2. At the top include the header file

#import <QuartzCore/QuartzCore.h>

//3. Implement the code

yourViewController = [[YourViewController alloc]
initWithNibName:@"YourViewController"
bundle:nil];
// get the view that's currently showing
UIView *currentView = self.view;
// get the the underlying UIWindow, or the view containing the current view
UIView *theWindow = [currentView superview];

UIView *newView = yourViewController.view;

// remove the current view and replace with myView1
[currentView removeFromSuperview];
[theWindow addSubview:newView];

// set up an animation for the transition between the views
CATransition *animation = [CATransition animation];
[animation setDuration:0.5];
[animation setType:kCATransitionPush];
[animation setSubtype:kCATransitionFromRight];
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseO ut]];

[[theWindow layer] addAnimation:animation forKey:@"SwitchToView1"];

[dynamite88]

Originally Posted by darkplastic

Hey guys, all this seems to work, just doesn't seem to create a valid reference to the new viewController.

After the transition any (IBAction) calls from the new view seem to crash the application...am I missing something here?

Hi there.. this is an old entry, but was hoping you can share your solution to the invalid references in the new viewcontroller.

[Duncan C]

Originally Posted by dynamite88

Hi there.. this is an old entry, but was hoping you can share your solution to the invalid references in the new viewcontroller.

This whole thread discusses something you should not do: hosting one view controller's view inside another view controller. The system is built around the idea that a view controller manages the entire screen.

The good news is that with iOS 5, it is now possible (easy, even) to do exactly what everybody here is trying to do.

You make one view controller the parent view controller. It adds all the view controllers that will display content inside it as child view controllers using the new addChildViewController method.

Then install a view controller's view as a subview of the parent view controller. When you're ready to swap it, use the new method transitionFromViewController:toViewController:dura tionptions:animations:completion:. That method includes several transtions "for free", and also takes an animation block that makes it trivial to do slides, cross-fades, and other transitions that change animatable view properties.