Get safe area inset top and bottom heights

Question

On the new iPhone X  what would be the most proper way to get both top and bottom height for the unsafe areas

User · Answer

All of the answers here are helpful  Thanks to everyone who offered help   However as i see that that the safe area topic is a little bit confused which won   t appear to be well documented   So i will summarize it here as mush as possible to make it easy to understand safeAreaInsets  safeAreaLayoutGuide and LayoutGuide   In iOS 7  Apple introduced the topLayoutGuide and bottomLayoutGuide properties in UIViewController  They allowed you to create constraints to keep your content from being hidden by UIKit bars like the status  navigation or tab bar It was possible with these layout guides to specify constraints on content  avoiding it to be hidden by top or bottom navigation elements  UIKit bars  status bar  nav or tab bar       So for example if you wanna make a tableView starts from the top screen you have done something like that   self tableView contentInset   UIEdgeInsets top  -self topLayoutGuide length  left  0  bottom  0  right  0    In iOS 11 Apple has deprecated these properties replacing them with a single safe area layout guide  Safe area according to Apple     Safe areas help you place your views within the visible portion of the overall interface  UIKit-defined view controllers may position special views on top of your content  For example  a navigation controller displays a navigation bar on top of the underlying view controller   s content  Even when such views are partially transparent  they still occlude the content that is underneath them  In tvOS  the safe area also includes the screen   s overscan insets  which represent the area covered by the screen   s bezel    Below  a safe area highlighted in iPhone 8 and iPhone X-series     The safeAreaLayoutGuide is a property of UIView   To get the height of safeAreaLayoutGuide   extension UIView      var safeAreaHeight  CGFloat          if  available iOS 11               return safeAreaLayoutGuide layoutFrame size height                 return bounds height         That will return the height of the Arrow in your picture    Now  what about getting the top  notch  and bottom home screen indicator heights    Here we will use the safeAreaInsets     The safe area of a view reflects the area not covered by navigation bars  tab bars  toolbars  and other ancestors that obscure a view controller s view   In tvOS  the safe area reflects the area not covered by the screen s bezel   You obtain the safe area for a view by applying the insets in this property to the view s bounds rectangle  If the view is not currently installed in a view hierarchy  or is not yet visible onscreen  the edge insets in this property are 0    The following will show the unsafe area and there distance from edges on iPhone 8 and one of iPhone X-Series       Now  if navigation bar added       So  now how to get the unsafe area height  we will use the safeAreaInset   Here are to solutions however they differ in an important thing   First One   self view safeAreaInsets   That will return the EdgeInsets  you can now access the top and the bottom to know the insets   Second One    UIApplication shared windows first  0 isKeyWindow    safeAreaInsets   The first one you are taking the view insets  so if there a navigation bar it will be considered   however the second one you are accessing the window s safeAreaInsets so the navigation bar will not be considered

User · Answer

Try this   In Objective C if   available iOS 11 0            UIWindow  window   UIApplication sharedApplication windows firstObject      CGFloat topPadding   window safeAreaInsets top      CGFloat bottomPadding   window safeAreaInsets bottom     In Swift if  available iOS 11 0           let window   UIApplication shared keyWindow     let topPadding   window  safeAreaInsets top     let bottomPadding   window  safeAreaInsets bottom    In Swift - iOS 13 0 and above    Use the first element from windows array as KeyWindow deprecated if  available iOS 13 0           let window   UIApplication shared windows 0      let topPadding   window safeAreaInsets top     let bottomPadding   window safeAreaInsets bottom

User · Answer

Swift 5 Extension  This can be used as a Extension and called with  UIApplication topSafeAreaHeight  extension UIApplication       static var topSafeAreaHeight  CGFloat           var topSafeAreaHeight  CGFloat   0          if  available iOS 11 0                      let window   UIApplication shared windows 0                 let safeFrame   window safeAreaLayoutGuide layoutFrame                topSafeAreaHeight   safeFrame minY                        return topSafeAreaHeight           Extension of UIApplication is optional  can be an extension of UIView or whatever is preferred  or probably even better a global function

User · Answer

safeAreaLayoutGuide When the view is visible onscreen  this guide reflects the portion of the view that is not covered by navigation bars  tab bars  toolbars  and other ancestor views   In tvOS  the safe area reflects the area not covered the screen s bezel   If the view is not currently installed in a view hierarchy  or is not yet visible onscreen  the layout guide edges are equal to the edges of the view   Then to get the height of the red arrow in the screenshot it s   self safeAreaLayoutGuide layoutFrame size height

User · Answer

Swift 4  if let window   UIApplication shared windows first            let topPadding   window safeAreaInsets top     let bottomPadding   window safeAreaInsets bottom         Use from class class fitToTopInsetConstraint  NSLayoutConstraint            override func awakeFromNib                      if let window   UIApplication shared windows first                            let topPadding   window safeAreaInsets top                          self constant    topPadding                                          class fitToBottomInsetConstraint  NSLayoutConstraint            override func awakeFromNib                      if let window   UIApplication shared windows first                            let bottomPadding   window safeAreaInsets bottom                          self constant    bottomPadding                                            You will see safe area padding when you build your application

User · Answer

A more rounded approach     import SnapKit    let containerView   UIView     containerView backgroundColor    red   self view addSubview containerView    containerView snp remakeConstraints    make  - gt  Void in         make width top equalToSuperView           make top equalTo self view safeArea top          make bottom equalTo self view safeArea bottom          extension UIView       var safeArea  ConstraintBasicAttributesDSL           if  available iOS 11 0                   return self safeAreaLayoutGuide snp                   return self snp             var isIphoneX  Bool            if  available iOS 11 0                   if topSafeAreaInset  gt  CGFloat 0                    return true               else                   return false                         else               return false                       var topSafeAreaInset  CGFloat           let window   UIApplication shared keyWindow         var topPadding  CGFloat   0         if  available iOS 11 0                   topPadding   window  safeAreaInsets top    0                    return topPadding            var bottomSafeAreaInset  CGFloat           let window   UIApplication shared keyWindow         var bottomPadding  CGFloat   0         if  available iOS 11 0                   bottomPadding   window  safeAreaInsets bottom    0                    return bottomPadding

User · Answer

Swift 4  5  To pin a view to a safe area anchor using constraints can be done anywhere in the view controller s lifecycle because they re queued by the API and handled after the view has been loaded into memory  However  getting safe-area values requires waiting toward the end of a view controller s lifecycle  like viewDidLayoutSubviews     This plugs into any view controller   override func viewDidLayoutSubviews         super viewDidLayoutSubviews       let topSafeArea  CGFloat     let bottomSafeArea  CGFloat      if  available iOS 11 0               topSafeArea   view safeAreaInsets top         bottomSafeArea   view safeAreaInsets bottom       else           topSafeArea   topLayoutGuide length         bottomSafeArea   bottomLayoutGuide length               safe area values are now available to use     I prefer this method to getting it off of the window  when possible  because it   s how the API was designed and  more importantly  the values are updated during all view changes  like device orientation changes   However  some custom presented view controllers cannot use the above method  I suspect because they are in transient container views   In such cases  you can get the values off of the root view controller  which will always be available anywhere in the current view controller s lifecycle   anyLifecycleMethod       guard let root   UIApplication shared keyWindow  rootViewController else           return           let topSafeArea  CGFloat     let bottomSafeArea  CGFloat      if  available iOS 11 0               topSafeArea   root view safeAreaInsets top         bottomSafeArea   root view safeAreaInsets bottom       else           topSafeArea   root topLayoutGuide length         bottomSafeArea   root bottomLayoutGuide length               safe area values are now available to use

User · Answer

None of the other answers here worked for me  but this did    var topSafeAreaHeight  CGFloat   0 var bottomSafeAreaHeight  CGFloat   0    if  available iOS 11 0           let window   UIApplication shared windows 0      let safeFrame   window safeAreaLayoutGuide layoutFrame     topSafeAreaHeight   safeFrame minY     bottomSafeAreaHeight   window frame maxY - safeFrame maxY

User · Answer

UIWindow  window      UIApplication sharedApplication  delegate  window    CGFloat fBottomPadding   window safeAreaInsets bottom

User · Answer

Objective-C Who had the problem when keyWindow is equal to nil  Just put the code above in viewDidAppear  not in viewDidLoad

User · Answer

I m working with CocoaPods frameworks and in case UIApplication shared is unavailable then I use safeAreaInsets in view s window   if  available iOS 11 0           let insets   view window  safeAreaInsets     let top   insets top     let bottom   insets bottom

User · Answer

In iOS 11 there is a method that tells when the safeArea has changed   override func viewSafeAreaInsetsDidChange         super viewSafeAreaInsetsDidChange       let top   view safeAreaInsets top     let bottom   view safeAreaInsets bottom

User · Answer

For those of you who change to landscape mode  you gotta make sure to use viewSafeAreaInsetsDidChange after the rotation to get the most updated values  private var safeAreaInsets   UIEdgeInsets top  0  left  0  bottom  0  right  0   override func viewSafeAreaInsetsDidChange             if  available iOS 11 0                   safeAreaInsets   UIApplication shared keyWindow  safeAreaInsets

User · Answer

To get the height between the layout guides you just do  let guide   view safeAreaLayoutGuide let height   guide layoutFrame size height   So full frame height   812 0  safe area height   734 0  Below is the example where the green view has frame of guide layoutFrame

User · Answer

extension UIViewController       var topbarHeight  CGFloat           return              view window  safeAreaInsets top    0                 view window  windowScene  statusBarManager  statusBarFrame height    0 0                 self navigationController  navigationBar frame height    0 0

User · Answer

Swift 5  Xcode 11 4   UIApplication shared keyWindow     It will give deprecation warning    keyWindow  was deprecated in iOS 13 0  Should not be used for applications that support multiple scenes as it returns a key window across all connected scenes  because of connected scenes  I use this way   extension UIView        var safeAreaBottom  CGFloat            if  available iOS 11                   if let window   UIApplication shared keyWindowInConnectedScenes                   return window safeAreaInsets bottom                                   return 0            var safeAreaTop  CGFloat            if  available iOS 11                   if let window   UIApplication shared keyWindowInConnectedScenes                   return window safeAreaInsets top                                   return 0          extension UIApplication       var keyWindowInConnectedScenes  UIWindow            return windows first where     0 isKeyWindow

[ios] Get safe area inset top and bottom heights

Examples related to ios

Examples related to iphone-x

Examples related to safearealayoutguide