xcode 9のxibの安全領域とは何ですか？

Question

xcode 9のxibで安全な領域（画像で強調表示されている）が何であるか教えてください。

Answer 1

安全領域は、レイアウトガイド（Safe Area Layout Guide）あります。
バーやその他のコンテンツによって邪魔されないビューの部分を表すレイアウトガイド。 iOS 11では、Appleは上部と下部のレイアウトガイドを非推奨にし、それらを1つの安全エリアレイアウトガイドに置き換えました。

画面に表示されている場合、このガイドは他のコンテンツでカバーされていない部分を反映しています。ビューの安全な領域は、ナビゲーションバー、タブバー、ツールバー、およびその他の祖先がカバーする領域を反映しており、ビューコントローラのビューを隠しています。 （tvOSでは、安全領域には、UIScreenのプロパティで定義されているように、画面のベゼルが組み込まれています）。また、ビューコントローラのadditionalSafeAreaInsetsプロパティで定義されている追加の領域についてもカバーします。ビューが現在ビュー階層にインストールされていない場合、または画面上にまだ表示されていない場合、レイアウトガイドは常にビューの端に一致します。

ビューコントローラのルートビューの場合、このプロパティの安全領域は、隠蔽されているビューコントローラのコンテンツ全体と、指定した追加のインセットを表します。ビュー階層内の他のビューの場合、安全領域には、そのビューの不明瞭な部分のみが反映されます。ビューは、そのビューコントローラのルートビューの安全領域内に完全にある場合、例えば、このプロパティのエッジインセットは、Appleによれば0

あり、Xcode 9 - Release note
Interface Builderは代替としてUIView.safeAreaLayoutGuideを使用しますUIViewControllerの推奨されないトップとボトムのレイアウトガイドについては、新しいセーフエリアを使用するには、ビューコントローラのファイルインスペクタでセーフエリアレイアウトガイドを選択し、コンテンツと新しいセーフエリアアンカーの間に制約を追加します。これにより、上部バーと下部バー、およびtvOSのオーバースキャン領域によってコンテンツが不明瞭になるのを防止します。安全な領域への制約は、以前のバージョンのiOSに配備するときは上と下に変換されます。ここで

は、既存の（トップ&下）との比較は、（同様の視覚効果を作成する）のような単純な参照レイアウトガイドと安全エリアのレイアウトガイドです。

セーフゾーンレイアウト：

自動レイアウトここ

がSafe Area Layout Guide

ためのAppleデベロッパ公式ドキュメントですiPhone-X用のユーザーインターフェイス設計を処理するには、セーフエリアが必要です。ここに基本的なガイドラインはHow to design user interface for iPhone-X using Safe Area Layout

Answer 2

セーフゾーンレイアウトガイドです。 バーやその他のコンテンツによって邪魔されないビューの部分を表すレイアウトガイド。 iOS 11では、Appleは上部と下部のレイアウトガイドを非推奨にし、それらを1つの安全エリアレイアウトガイドに置き換えました。

アップルは、iOS 7でUIViewControllerのプロパティとしてtopLayoutGuideとbottomLayoutGuideを導入しました。ステータス、ナビゲーション、タブバーなどのUIKitバーにコンテンツが表示されないようにするための制約を作成できました。これらのレイアウトガイドは、iOS 11では推奨されておらず、1つのセーフエリアレイアウトガイドに置き換えられています。

Answer 3

Example link of safe area XIBです。

安全ラベルの制約がある -

• Safe Area Layout GuideがUIViewプロパティで、安全な領域を使用すると、全体的なインターフェースの可視部内のあなたの意見を置くのに役立ちます。

• セーフエリアは、ナビゲーションバー、タブバー、ツールバー、およびその他の祖先の表示をカバーしません。

• 安全な領域をコンテンツのレイアウトに役立ててください。

• iPhone X用に設計するときは、レイアウトが画面を満たし、デバイスの丸い角、センサーハウジング、またはホームスクリーンにアクセスするためのインジケーターによって隠されていないことを確認する必要があります。

• 背景がディスプレイの端まで広がっていることと、表やコレクションなどの垂直スクロール可能なレイアウトが下から末尾まで続くことを確認してください。

Apple Doc Safe area layoutguide

iPhone X Design Guide