Storyboard app run on iOS 7 OK but Navbar shift view on iOS 6.1

Question

While rebuilding my project with the new Xcode 5 released yesterday, I was disappointed to see my storyboard view controller shaken up.

After many attempts to fix things, I must conclude I'm stuck with one remaining issue: Navigation View Controller makes the navigation bar overlaps with the content of the view. Doing so, the app is ok on a iOS 7 device (no overlapping), but with a iOS 6.1 device, the navbar overlaps.

I ran a sample project from FlatUI to crosscheck the issue, and they have the same issue. Any idea please?

Actually the answer is the Extends Edges flags in IB: simply uncheck the Under Top Bar flag, and you're done. — Stéphane de Luca, Sep 11 '13 at 22:01
Stephane de Luca: I am facing the same issue, which flag you are referring? — Mrunal, Sep 16 '13 at 10:56
He means in the Attribute Inspector for the view controller, Extend Edges. There's options for Under Top Bars, Under Bottom Bars, Under Opaque Bars. — Sofi Software LLC, Oct 25 '13 at 18:12

score 13 · Answer 1 · answered Sep 13 '13 at 14:09

You are facing problem because of co-ordinate system, co-ordinate system of iOS 6 & iOS 7 are different iOS 7 Uses by default translucent properties.

Try putting this Code in viewDidLoad

if (floor(NSFoundationVersionNumber) > NSFoundationVersionNumber_iOS_6_1)
{
     self.edgesForExtendedLayout=NO;
}

imDeveloper · Answer 2 · 2013-09-13T14:23:57.963

3

I think this is because of co-ordinate system of iOS 6 & iOS 7

Kindly check following two images.

iOS 6:

enter image description here

iOS 7 :

enter image description here

edited Sep 13 '13 at 14:23

answered Sep 13 '13 at 12:35

imDeveloper

804
1
8
16

How to solve this problem ? i am also facing same problem, my view gets shifted upwards in iOS 7 – Krunal Sep 13 '13 at 13:30
1

To solve this problem you manually have to check programmatically if(iOS7) { view.frame = CGRectmake(view.frame.origin.x,view.frame.origin.y,view.frame.size.width,view.frame.size.height + status bar height + anyBaryou have added height); anyBar will replace with following Navigation bar = 44 pts Tab bar = 49 You should add this values in your frame whatever you are using if both then add both the values } – imDeveloper Sep 13 '13 at 13:46
I have made design in the `.xib` how should i change frame ? – Krunal Sep 13 '13 at 13:55
Probably I guess there is no way of doing this using xib. – imDeveloper Sep 13 '13 at 13:58

score 1 · Accepted Answer · answered Jun 06 '14 at 19:50

1

As I said in the comment: in IB (interface builder), you need to go to the "Attribute Inspector" for the view controller, and look at the "Extend Edges" attribute: simply uncheck the "Under Top Bar" flag and you're done.

answered Jun 06 '14 at 19:50

Stéphane de Luca

12,745
9
57
95

score 0 · Answer 4 · answered Oct 03 '13 at 14:30

0

In interface builder, in the size inspector tab, there is a section called iOS 6/7 Delta where you can fix navigation bar issue or when some control have different size in ios7 than in ios6.

answered Oct 03 '13 at 14:30

cl3m

170
1
6

score 0 · Answer 5 · answered Jun 06 '14 at 05:40

You have to do two things :-

a. select that particular xib or view in storyboard and see on right pane there is extended edges option unlcik first option. now this would shift your view down perfectly.

b.all the contents inside this view will also get shifted below for that you have to set delta factor -(x pixels) for ios7 and +(pixels) for ios6. For setting 6 and 7 you have to select "view as" option in right pane of xib.

Happy coding

Storyboard app run on iOS 7 OK but Navbar shift view on iOS 6.1

5 Answers5

Linked