web-dev-qa-db-ja.com

iPhone X-セーフエリアで全画面表示を実現できませんか?

IPhone X用の新しいHIGが利用可能 here 、指定:「フルスクリーンエクスペリエンスを提供します。背景がディスプレイの端まで伸びていることを確認し、テーブルやコレクションなどの垂直方向にスクロール可能なレイアウトはすべて続行してください底への道。」

Xcode 9 GMでそれを達成する方法を理解したいと思います。画面全体に拡張できる唯一のビューはUIViewControllerルートビューであり、上記のビューの制約をドラッグしようとするたびにつまり、ルートビューへのWKWebViewの場合、制約は実際には安全領域に接続され、ここのストーリーボードに表示されるように、上部と下部の両方の領域が空のままになります。

enter image description here

回答 here は安全領域を使用するように指定していますが、これを使用すると、WKWebViewが画面の端まで拡張されていない次のシミュレータ結果が生成されるため、機能しません。

enter image description here

10

実際、私は答えがこれだと信じています。フルスクリーンを実現するために、セーフエリアサポートを使用すべきではありません。 Interface Builder Size InspectorのビューでSafe Area Relative MarginsとSafe Area Layout Guideをオフにした後、期待した結果が得られました。

enter image description here

実際、セーフエリアの考え方は、システムアイコンや丸みを帯びた境界線が重ならないエリアの考え方であり、フルスクリーンはその反対です。

4

下部の制約First ItemSuperViewに変更するだけです

enter image description here

12
Nobel