How to display a UIView which overlaps the UINavigationBar

Question

In my application, I want to initiate a UIView that overlaps and dims the whole screen including the UINavigationBar, the code is as below:

- (void)showInstruction
{
    self.holedView = [[JMHoledView alloc] initWithFrame:[UIScreen mainScreen].bounds];
    [self.view addSubview:self.holedView];
}

but indeed the self.holedView can only dims the district without the UINavigationBar on the screen. How can I do that?

Can you provide a picture of what you are trying to achive? – m8labs May 06 '15 at 07:51 — m8labs, May 06 '15 at 07:51
Add your view to `self.view.window` – NightFury May 06 '15 at 07:52 — NightFury, May 06 '15 at 07:52
Sorry I must have 10 reputations to post a image T.T – Julie Yu May 06 '15 at 07:57 — Julie Yu, May 06 '15 at 07:57

score 2 · Accepted Answer · edited May 06 '15 at 08:09

2

You can add view as a subview to the window's or navigation controller's view.

[self.navigationController.view addSubview:yourView];

OR

[[[[UIApplication sharedApplication] delegate] window] addSubview:yourView];

Create view's delegate to remove it from superview whenever needed

edited May 06 '15 at 08:09

Rashad

11,057
4
45
73

answered May 06 '15 at 07:57

Ashwani

378
1
3
13

Or as the comment said, add myview to self.view.window; there are some differences and I'm trying to figure it out... – Julie Yu May 06 '15 at 08:20

score 1 · Answer 2 · answered May 06 '15 at 07:55

You can use dimmed transparent image and set it as background image of navigation bar.

For eg In my case , I made black transparent image of alpha 0.2 and set it as navigation background image and made the background color clear color

 [[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"black_patch.png"]
                                              forBarMetrics:UIBarMetricsDefault];
[UINavigationBar appearance].translucent = YES;
navController.view.backgroundColor = [UIColor clearColor];

score 0 · Answer 3 · answered May 06 '15 at 08:00

0

I use this to add subView in the main window:

[[UIApplication sharedApplication].keyWindow addSubview:view];

answered May 06 '15 at 08:00

Hossam Ghareeb

7,063
3
53
64

score 0 · Answer 4 · answered May 06 '15 at 08:11

you can add it to the window

AppDelegate *appDelegate = (AppDelegate *)[[UIApplication  sharedApplication] delegate];
UIView *backgrView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [[UIScreen mainScreen] bounds].size.width, [[UIScreen mainScreen] bounds].size.height)];
backgrView.backgroundColor = [UIColor blackColor];
backgrView.alpha = 0.6;
[[appDelegate window] addSubview:backgrView];

or

Try navigationBar.translucent = NO; , It is YES by default in iOS7.


 So you can add a version check like this:

 float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
if (systemVersion >= 7.0)
{
 navigationBar.translucent = NO;
}

How to display a UIView which overlaps the UINavigationBar

4 Answers4