Today we have a little iPhone user interface programming problem to present to you with its not so self evident solution, courtesy of the kind assistance of one Bryan Henry on the iphonesdk list.
The scenario is, we’ve pushed a pack of controllers onto our UINavigationController as we drill down through the interface, and now we’ve reached a place where the user taps something that we want to enter a full screen display state for momentarily. Well, that’s easy enough, the naïve iPhone programmer thinks to himself, we’ll just hide the status bar then modally present a controller with a full screen view, right?
[[UIApplication sharedApplication] setStatusBarHidden:YES animated:NO];
FullscreenController *fullscreenController = [[FullscreenController alloc] initWithNibName:@”Fullscreen” bundle:nil];
[self.navigationController presentModalViewController:fullscreenController animated:NO];
[fullscreenController release];
Your problem is that the UITransitionView that is used to animate in
your modal view has clipsToBounds=YES, so any drawing that should
happen in the rect where the status bar would be doesn’t happen since
the UITransitionView’s bounds don’t extend there. I ran into this just
the other day. The (somewhat hackish but completely safe) solution was
to set clipsToBounds=NO for the UITransitionView whenever its set as
the superview (or rather, whenever your view is added as a subview of
the UITransitionView).
@interface NoClipModalView : UIView
{
}
@end
@implementation NoClipModalView
- (void)didMoveToSuperview
{
self.superview.clipsToBounds = NO;
}
@end
- (void)loadView
{
// instead of calling [super loadView], which doesn’t account for a hidden status bar, create an unclipped view here
CGSize screenSize = [UIScreen mainScreen].bounds.size;
CGRect screenBounds = CGRectMake(0, -20, screenSize.width, screenSize.height);
NoClipModalView *sView = [[NoClipModalView alloc] initWithFrame:screenBounds];
self.view = sView;
[sView release];
// and then manually create the view(s) you want inside it.
TWGestureImageView *newImageView = [[[TWGestureImageView alloc] initWithFrame:screenBounds] autorelease];
self.imageView = newImageView;
[self.view addSubview:self.imageView];
}
And that, dear friends, is how to create a full screen modal display. Reverse it from where you created the FullscreenController up at the top with the expected
[self.navigationController dismissModalViewControllerAnimated:NO];
[[UIApplication sharedApplication] setStatusBarHidden:NO animated:NO];
