lrony*
2013-06-12 20:06
采纳率: 0%
浏览 350

在 iOS 7中,状态栏和导航栏出现在我视图范围之外

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.

转载于:https://stackoverflow.com/questions/17074365/status-bar-and-navigation-bar-appear-over-my-views-bounds-in-ios-7

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

20条回答 默认 最新

  • from.. 2013-09-13 11:52
    已采纳

    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

    已采纳该答案
    打赏 评论
  • 三生石@ 2013-09-13 09:16

    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] >= 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);
    }
    
    打赏 评论
  • 胖鸭 2013-09-13 11:56

    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.

    enter image description here

    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.

    enter image description here

    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];
    
    打赏 评论
  • larry*wei 2013-09-19 13:45

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

    打赏 评论
  • csdnceshi62 2013-09-20 10:27

    The simplest trick is to open the NIB file and do these two simple steps:

    1. Just toggle that and set it to the one you prefer:

    Enter image description here

    1. 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)

    Enter image description here

    And the result:

    BeforeAfter

    打赏 评论
  • 斗士狗 2013-09-21 05:18

    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
    
    打赏 评论
  • larry*wei 2013-09-23 21:17

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

    Enter image description here

    打赏 评论
  • 乱世@小熊 2013-09-24 08:35

    I created my view programmatically and this ended up working for me:

    - (void) viewDidLayoutSubviews {
        // only works for iOS 7+
        if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 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).

    打赏 评论
  • elliott.david 2013-10-01 15:36

    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] >= 7.0)
    

    So I would suggest adding this method to your MyViewControler.m file:

    - (void) viewDidLayoutSubviews {
        if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
            CGRect viewBounds = self.view.bounds;
            CGFloat topBarOffset = self.topLayoutGuide.length;
            viewBounds.origin.y = topBarOffset * -1;
            self.view.bounds = viewBounds;
        }
    }
    
    打赏 评论
  • 笑故挽风 2013-10-03 10:28

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

    enter image description here

    打赏 评论
  • Lotus@ 2013-10-21 16:35

    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 >= 7.0) {
          self.edgesForExtendedLayout = UIRectEdgeNone;
       }
    }
    

    2) Modify my ScrollViewContoller

    - (void)viewDidLoad
    {
        [super viewDidLoad];
        float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
        if (systemVersion >= 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.

    打赏 评论
  • larry*wei 2014-01-30 11:46

    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.....

    打赏 评论
  • 游.程 2015-01-30 09:52

    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!! see screenshot

    打赏 评论
  • 程序go 2015-06-30 17:57

    just set the following code in view will appear.

      if ([[[UIDevice currentDevice] systemVersion] floatValue]<= 7) {
    self.edgesForExtendedLayout = UIRectEdgeNone;
     }
    
    打赏 评论
  • Swift Solution:

    override func viewWillAppear(animated: Bool) {
        super.viewWillAppear(animated)
        self.edgesForExtendedLayout = UIRectEdge.None
    }
    
    打赏 评论
  • 妄徒之命 2015-09-10 09:00

    make a constraints to Top Layout like this enter image description here

    打赏 评论
  • 程序go 2016-09-01 20:17

    Swift 3 / Swift 4 solution that also works with NIBs/XIB files in iOS 10+:

    override func viewDidLoad() {
        super.viewDidLoad()
    
        edgesForExtendedLayout = []
    }
    
    打赏 评论
  • 7*4 2017-03-01 05:10

    In my case having loadView() interrupted
    this code: self.edgesForExtendedLayout = UIRectEdgeNone

    but after deleting loadView() everything worked fine

    打赏 评论
  • from.. 2017-07-04 07:27

    Swift 3

    override func viewWillAppear(_ animated: Bool) {
        self.edgesForExtendedLayout = []
    }
    
    打赏 评论
  • ℡Wang Yan 2018-08-25 12:18

    Swift 4.2 - Xcode 10.0 - iOS 12.0:

    if #available(iOS 11.0, *) {} else {
      self.edgesForExtendedLayout = []
      self.navigationController?.view.backgroundColor = .white
    }
    
    打赏 评论

相关推荐 更多相似问题