What is safe area in xib in xcode 9?

ios xib xcode9 safearealayoutguide
Jagdeep Singh picture Jagdeep Singh · Sep 8, 2017 · Viewed 15.5k times · Source

Can you please let me know what is safe area (highlighted in image) in xibs in xcode 9. and what is use of this?

enter image description here

Answer

Jack picture Jack · Oct 10, 2017

Example link of safe area XIB.

Enable Safe Area layout guide

enter image description here

enter image description here

enter image description here enter image description here

Safe label constraints is -

enter image description here

  • Safe Area Layout Guide is UIView property, Safe areas help you place your views within the visible portion of the overall interface.

  • Safe area not covers navigation bars, tab bars, toolbars, and other ancestor views.

  • Use safe areas as an aid to laying out your content.

  • When designing for iPhone X, you must ensure that layouts fill the screen and aren't obscured by the device's rounded corners, sensor housing, or the indicator for accessing the Home screen.

  • Make sure backgrounds extend to the edges of the display, and that vertically scrollable layouts, like tables and collections, continue all the way to the bottom.

Apple Doc Safe area layoutguide

iPhone X Design Guide

Related questions

Loaded nib but the 'view' outlet was not set

I added a new nib file to my project, and tried to load it. However, when I click on the toolbar icon that is supposed to take me to the view that I created, I get an NSInternalInconsistencyException with the …

Read More
How do you load custom UITableViewCells from Xib files?

The question is simple: How do you load custom UITableViewCell from Xib files? Doing so allows you to use Interface Builder to design your cells. The answer apparently is not simple due to memory managment issues. This thread mentions the …

Read More
How to load a xib file in a UIView

I have been searching everywhere and nothing so far has worked for me. Basically I want to have a .xib file called rootView.xib and inside it I want to have a UIView (lets call it containerView) that takes up …

Read More