Status bar and navigation bar appear over my view s bounds in iOS 7

Question

I recently downloaded Xcode 5 DP to test my apps in iOS 7  The first thing I noticed and confirmed is that my view s bounds is not always resized to account for the status bar and navigation bar   In viewDidLayoutSubviews  I print the view s bounds        0  0    320  568     This results in my content appearing below the navigation bar and status bar   I know I could account for the height myself by getting the main screen s height  subtracting the status bar s height and navigation bar s height  but that seems like unnecessary extra work   How can I fix this issue   Update   I ve found a solution for this specific problem  Set the navigation bar s translucent property to NO   self navigationController navigationBar translucent   NO    This will fix the view from being framed underneath the navigation bar and status bar   However  I have not found a fix for the case when you want the navigation bar to be translucent  For instance  viewing a photo full screen  I wish to have the navigation bar translucent  and the view to be framed underneath it  That works  but when I toggle showing hiding the navigation bar  I ve experienced even stranger results  The first subview  a UIScrollView  gets its bounds y origin changed every time

User · Answer

edgesForExtendedLayout does the trick for iOS 7  However  if you build the app across iOS 7 SDK and deploy it in iOS 6  the navigation bar appears translucent and the views go beneath it  So  to fix it for both iOS 7 as well as for iOS 6 do this   self navigationController navigationBar barStyle   UIBarStyleBlackOpaque  if   self respondsToSelector  selector edgesForExtendedLayout        self edgesForExtendedLayout   UIRectEdgeNone       iOS 7 specific

User · Answer

In your apps plist file add a row  call it  View controller-based status bar appearance  and set it to NO

User · Answer

If you want the view to have the translucent nav bar  which is kind of nice  you have to setup a contentInset or similar   Here is how I do it      Check if we are running on ios7 if     UIDevice currentDevice  systemVersion  componentsSeparatedByString       0  intValue   gt   7          CGRect statusBarViewRect     UIApplication sharedApplication  statusBarFrame         float heightPadding   statusBarViewRect size height self navigationController navigationBar frame size height         myContentView contentInset   UIEdgeInsetsMake heightPadding  0 0  0 0  0 0

User · Answer

Swift 4 2 - Xcode 10 0 - iOS 12 0   if  available iOS 11 0        else     self edgesForExtendedLayout        self navigationController  view backgroundColor    white

User · Answer

Steps For Hide the status bar in iOS 7   1 Go to your application info plist file   2 And Set  View controller-based status bar appearance   Boolean NO  Hope i solved the status bar issue

User · Answer

Swift Solution   override func viewWillAppear animated  Bool        super viewWillAppear animated      self edgesForExtendedLayout   UIRectEdge None

User · Answer

I have a scenario where I use the BannerViewController written by Apple to display my ads and a ScrollViewController embedded in the BannerViewController    To prevent the navigation bar from hiding my content  I had to make two changes   1  Modify BannerViewController m  -  void viewDidLoad       super viewDidLoad      float systemVersion      UIDevice currentDevice  systemVersion  floatValue      if  systemVersion  gt   7 0          self edgesForExtendedLayout   UIRectEdgeNone           2  Modify my ScrollViewContoller  -  void viewDidLoad        super viewDidLoad       float systemVersion      UIDevice currentDevice  systemVersion  floatValue       if  systemVersion  gt   7 0            self edgesForExtendedLayout   UIRectEdgeBottom            Now the ads show up correctly at the bottom of the view instead of being covered by the Navigation bar and the content on the top is not cut off

User · Answer

You don t have to calculate how far to shift everything down  there s a build in property for this  In Interface Builder  highlight your view controller  and then navigate to the attributes inspector  Here you ll see some check boxes next to the words  Extend Edges   As you can see  in the first screenshot  the default selection is for content to appear under top and bottom bars  but not under opaque bars  which is why setting the bar style to not translucent worked for you   As you can somewhat see in the first screenshot  there are two UI elements hiding below the navigation bar   I ve enabled wireframes in IB to illustrate this  These elements  a UIButton and a UISegmentedControl both have their  y  origin set to zero  and the view controller is set to allow content below the top bar     This second screenshot shows what happens when you deselect the  Under Top Bars  check box  As you can see  the view controllers view has been shifted down appropriately for its y origin to be right underneath the navigation bar     This can also be accomplished programmatically through the usage of - UIViewController edgesForExtendedLayout   Here s a link to the class reference for edgeForExtendedLayout  and for UIRectEdge   self setEdgesForExtendedLayout UIRectEdgeNone

User · Answer

In my case having loadView   interrupted this code  self edgesForExtendedLayout   UIRectEdgeNone  but after deleting loadView   everything worked fine

User · Answer

I had the same issue with my app by iPads  armv7  armv7s  amr64  only by presenting another UIViewController and after dismiss them goes nav bar under status bar    I spend a lot of time to find any solution for that  I m using storyboard and in InterfaceBuilder for UIViewController which makes terrible i set Presentation from FullScreen -  Current Context and it fix this issue  It works in my app only for iPads    iOS8 0  testing with iOS8 1  and for iPads with iOS 7 1 not work

User · Answer

make a constraints to Top Layout like this

User · Answer

Swift 3  override func viewWillAppear   animated  Bool        self edgesForExtendedLayout

User · Answer

You can achieve this by implementing a new property called edgesForExtendedLayout in iOS7 SDK  Please add the following code to achieve this   if   self respondsToSelector  selector edgesForExtendedLayout            self edgesForExtendedLayout   UIRectEdgeNone    You need to add the above in your - void viewDidLoad method      iOS 7 brings several changes to how you layout and customize the   appearance of your UI  The changes in view-controller layout  tint   color  and font affect all the UIKit objects in your app  In   addition  enhancements to gesture recognizer APIs give you finer   grained control over gesture interactions        Using View Controllers      In iOS 7  view controllers use full-screen layout  At the same time    iOS 7 gives you more granular control over the way a view controller   lays out its views  In particular  the concept of full-screen layout   has been refined to let a view controller specify the layout of each   edge of its view       The wantsFullScreenLayout view controller property is deprecated in   iOS 7  If you currently specify wantsFullScreenLayout   NO  the view   controller may display its content at an unexpected screen location   when it runs in iOS 7       To adjust how a view controller lays out its views  UIViewController   provides the following properties          edgesForExtendedLayout         The edgesForExtendedLayout property uses the UIRectEdge type    which specifies each of a rectangle   s four edges  in addition to   specifying none and all  Use edgesForExtendedLayout to specify which   edges of a view should be extended  regardless of bar translucency  By   default  the value of this property is UIRectEdgeAll          extendedLayoutIncludesOpaqueBars         If your design uses opaque bars  refine edgesForExtendedLayout by   also setting the extendedLayoutIncludesOpaqueBars property to   NO   The default value of extendedLayoutIncludesOpaqueBars is NO           automaticallyAdjustsScrollViewInsets         If you don   t want a scroll view   s content insets to be automatically   adjusted  set automaticallyAdjustsScrollViewInsets to NO   The   default value of automaticallyAdjustsScrollViewInsets is YES           topLayoutGuide  bottomLayoutGuide         The topLayoutGuide and bottomLayoutGuide properties indicate the   location of the top or bottom bar edges in a view controller   s view    If bars should overlap the top or bottom of a view  you can use   Interface Builder to position the view relative to the bar by creating   constraints to the bottom of topLayoutGuide or to the top of   bottomLayoutGuide   If no bars should overlap the view  the bottom of   topLayoutGuide is the same as the top of the view and the top of   bottomLayoutGuide is the same as the bottom of the view   Both   properties are lazily created when requested    Please refer  apple doc

User · Answer

I created my view programmatically and this ended up working for me   -  void  viewDidLayoutSubviews          only works for iOS 7      if     UIDevice currentDevice  systemVersion  floatValue   gt   7 0            CGRect viewBounds   self view bounds          CGFloat topBarOffset   self topLayoutGuide length              snaps the view under the status bar  iOS 6 style          viewBounds origin y   topBarOffset   -1              shrink the bounds of your view to compensate for the offset         viewBounds size height   viewBounds size height    topBarOffset   -1           self view bounds   viewBounds            Source  in topLayoutGuide section at bottom of pg 39

User · Answer

just set the following code in view will appear     if     UIDevice currentDevice  systemVersion  floatValue  lt   7    self edgesForExtendedLayout   UIRectEdgeNone

User · Answer

I would like to expand on Stunner s answer  and add an if statement to check if it is iOS-7  because when I tested it on iOS 6 my app would crash   The addition would be adding   if     UIDevice currentDevice  systemVersion  floatValue   gt   7 0    So I would suggest adding this method to your MyViewControler m file   -  void  viewDidLayoutSubviews       if     UIDevice currentDevice  systemVersion  floatValue   gt   7 0            CGRect viewBounds   self view bounds          CGFloat topBarOffset   self topLayoutGuide length          viewBounds origin y   topBarOffset   -1          self view bounds   viewBounds

User · Answer

Add the key  View Controller-based status bar appearance  from the dropdownlist as a row in info plist  Something like this

User · Answer

To me  the simplest solution is to add two keys into the plist

User · Answer

The simplest trick is to open the NIB file and do these two simple steps    Just toggle that and set it to the one you prefer       Select those UIView s UIIMageView s     that you want to be moved down  In my case only the logo was overlapped an I ve set the delta to  15   OR -15 if you chose iOS 7 in step 1      And the result

User · Answer

Swift 3   Swift 4 solution that also works with NIBs XIB files in iOS 10    override func viewDidLoad         super viewDidLoad        edgesForExtendedLayout

[ios] Status bar and navigation bar appear over my view's bounds in iOS 7

Examples related to ios

Examples related to ios7