iOS 6 & 7 status bar design

Question

I am currently working on an iOS 6 app. Running this application on iPhone 4/5 runs well. The only problem is that with the new iOS 7 coming out, the design are ruined. Status bar are now part of the app, and all the view in my application get push to the top, overlap with the status bar.

What is the best solution to resolve this issue? I am using UINavigationController and some custom view. Done some reading, some suggest that I include a custom container view to create something like iOS 6 'status bar', since the view at the top will be black and empty. Is there any other solution to this? Or maybe the right way to fix my apps to support both iOS 6 & 7 design?

try self.navigationController.navigationBar.translucent = NO; In your ViewController. — Evgeniy S, Sep 26 '13 at 08:37
check with this link http://stackoverflow.com/a/18886468/1160493 — wesley, Sep 26 '13 at 08:44
now u fixed the status bar issue ? issue is only the black space right? — Ganapathy, Sep 26 '13 at 08:46
@wesley thanks. might need some adjustment to make it work with my code. some custom view are messed up — Azuan, Sep 26 '13 at 08:53
possible duplicate of [iOS 7 status bar overlapping UI](http://stackoverflow.com/questions/18886195/ios-7-status-bar-overlapping-ui) — Lord Zsolt, Sep 26 '13 at 08:58

Niru Mukund Shah · Answer 1 · 2013-09-26T09:10:20.460

1

There is a simplest solution for this. We have to Thank apple for this concept.

Checkout the solution below

First of all in storyboard/xib change screen size to 4" from Utility Inspector window 4th tab
Arrange your uicontrols according to the design (i.e start framing below the statusbar)
Now go to 5th tab into Utility Inspector window
You must have frame for your each control
Turn your eyes below the frame and you can see the iOS6/7 Deltas
In the DeltaY field reduce 20 pixels for each control. I mean fill up -20 in Delta Y field
So now run your project with both iOS7 & 6 you will have what you want.

Note: You have to have uncheck the "Use Autolayout" in order to use delta

Enjoy Programming!!

Checkout Delta value for Y Position

edited Sep 26 '13 at 09:10

answered Sep 26 '13 at 08:46

Niru Mukund Shah

4,637
2
20
34

I have no such thing in my Xcode 5! Never seen it, the iOS 6/7 Deltas. What UI-object are u inspecting? :S Very confused – ullstrm Sep 26 '13 at 09:00
Ah, just found it. If you uncheck auto-layout it appears. How to solve this with auto layout? :S – ullstrm Sep 26 '13 at 09:01
With auto layout u can't. – Ganapathy Sep 26 '13 at 09:02
Yes, you guys are absolutely correct. We can't do this with auto-layout. I forgot to mention that in my answer. Check I have mentioned it now. – Niru Mukund Shah Sep 26 '13 at 09:11
was concern about this delta too, since I have to disable auto layout. but thanks. I will give it a try – Azuan Sep 26 '13 at 09:24

score 1 · Answer 2 · answered Sep 26 '13 at 09:12

One solution that will allow you to:

Support both iOS6 and iOS7 as a deployment target.
Preserve your existing iOS6-style code, and defer the impact of a redesign

. . . is to add the following to your view controller:

#define SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(v)  ([[[UIDevice currentDevice] systemVersion] compare:v options:NSNumericSearch] != NSOrderedAscending)
if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"7"))
{
    self.edgesForExtendedLayout = UIRectEdgeNone;
}

. . since, I'm using code-based views, I add it in loadView, however it would also work in viewDidLoad

score -1 · Answer 3 · answered Sep 26 '13 at 09:15

-1

Try this in your AppDelegate.m in didFinishLaunching

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {

       [application setStatusBarStyle:UIStatusBarStyleLightContent];

       self.window.clipsToBounds =YES;

       self.window.frame =  CGRectMake(0,20,self.window.frame.size.width,self.window.frame.size.height-20);
}

answered Sep 26 '13 at 09:15

Chris Byatt

3,689
3
34
61

- 1 for: status bar not always 20px. On call or record event its more than 20px. (to try it use cmd (or ctrl) + T) – Evgeniy S Sep 26 '13 at 10:10

iOS 6 & 7 status bar design

3 Answers3