Comments on: Semi-Modal (Transparent) Dialogs on the iPhone

By: Crystian

Crystian — Sun, 21 Aug 2011 07:01:40 +0000

Great job dude!
just for who is reading this post, for me it worked better this way:

- (void) showModal:(UIView*) modalView {
CGSize offSize = self.view.frame.size;
CGPoint offScreenCenter = CGPointMake(offSize.width / 2.0, offSize.height * 1.5);
CGPoint realCenter = CGPointMake(offSize.width / 2.0, offSize.height / 2.0);
modalView.center = offScreenCenter;
[self.view addSubview:modalView];
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:0.7];
modalView.center = realCenter;
[UIView commitAnimations];
}

and in the modalView:

- (void)viewDidLoad {
[super viewDidLoad];
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(orientationChanged:) name:UIDeviceOrientationDidChangeNotification object:nil];
}

-(void) orientationChanged:(NSNotification *)notification {
UIDeviceOrientation orientation = [[UIDevice currentDevice] orientation];
if (orientation == UIDeviceOrientationLandscapeLeft ||
orientation == UIDeviceOrientationLandscapeRight)
self.view.frame = CGRectMake(0, 110, 1024, 599); // the size that you want
else
self.view.frame = CGRectMake(0, 280, 768, 599);// the size that you want
}

- (void)viewDidUnload {
[[NSNotificationCenter defaultCenter] removeObserver:self name:UIDeviceOrientationDidChangeNotification object:nil];
[super viewDidUnload];
}

By: david

david — Sat, 09 Jul 2011 03:59:01 +0000

this works great, but I am not familiar with transform to get this to work in landscape mode. could anybody point me in the right direction? thanks.

By: ramin

ramin — Thu, 30 Dec 2010 08:51:49 +0000

@nathan It’s only for horizontal view but it should be easy to catch the orientation change event and set the transform on the modal view to have it rotate. See my other comment for one way to watch for orientation change. This way it will work even if the modal view is not part of a UIViewController chain. You’ll want to remember to remove it as an observer when dismissing the modal.

By: ramin

ramin — Thu, 30 Dec 2010 08:49:01 +0000

@AD: I was trying to describe a general technique instead of a specific type of modal window. You may want to take a look at Nick’s post at http://bit.ly/9HqgKV for some code examples.

By: ramin

ramin — Thu, 30 Dec 2010 08:47:02 +0000

@stan: To get it to show above everything else the semi-modal dialog needs to be added as a child of the top-level window and moved in front of all other children of the window (including tabbars and navigation controllers).

By: ramin

ramin — Thu, 30 Dec 2010 08:42:36 +0000

@nick It shouldn’t be too hard to set up the class as an observer for interface rotation notification via something like:

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(orientationChanged:) name:UIDeviceOrientationDidChangeNotification object:nil];

Then set the transform angle of the view to rotate accordingly.

By: ramin

ramin — Thu, 30 Dec 2010 08:34:41 +0000

Thanks for the link Nathan. Good work!

By: spstanley

spstanley — Sun, 21 Nov 2010 14:37:20 +0000

There’s a problem when the view is added on a rotated device with autorotation allowed. The fix is… unpleasant. It involves applying a transform to the view and then if you want it to slide in from a specific direction, you need to mess with the offScreenCenter based on which way the the device is oriented.

By: Nathan

Nathan — Tue, 19 Oct 2010 02:50:27 +0000

I used this idea and turned it into a few classes to present Semi-Modal dialogs in an easy way.

The code is up on github, see this post here: http://bit.ly/9HqgKV

By: mark

mark — Sat, 09 Oct 2010 13:15:18 +0000

Crap, this does not rotate!