web-dev-qa-db-ja.com

iPhone X画面の下部に空白を取得する（Xcode 9）

私はプロジェクトにXcode 9を使用していますが、下部に空白が表示されています。スクリーンショットを次に示します。

enter image description here

また、ストーリーボードを使用して、レイアウトとして4インチ（iphone 5s/SE）で設計しています。

空白を避ける方法は？

iosiphone-x
40
Harish

bottom constraintsはbottom layout guideやsafe area（xcode 9固有）ではなくviewからのものでなければならず、距離はゼロでなければなりません。

デフォルトではlayout guidesで固定されているので、viewで指定してください！

理解を深めるために、以下のスクリーンショットを参照してください。

enter image description here

このダイアログを開くには、[次を含むフィールドのドロップダウンアイコンをクリックしてください0！

top constraintについても同じことができます！

更新：

2番目に重要なことは、

起動またはスプラッシュスクリーンにはストーリーボードを使用する必要があります。起動イメージを使用している場合は、xcode 9の新しい起動イメージに置き換えてください。iphonexのイメージのオプションがあります。

その後、空白はもう見つかりません！

以下のスクリーンショットを参照してください。

enter image description here

95
Lion

この空白がメインビューです。画像ビューを領域全体に表示する場合は、ボトムレイアウトガイドやセーフエリアではなく、スーパービューに0スペースで固定します。これを実現するには、ストーリーボードでシーンをiPhone Xとして表示するよう選択し、以下のように画像ビューを固定します。

enter image description here

IPhone Xモードではない場合、画像ビューの下部をスーパービューに固定することもできます。Ctrlでドラッグして固定する場合、制約のリストが表示されたら、Optionキー（alt）を押すと、 「。

19
jonaszmclaren

上記の2つの答えのどちらも私にとってはうまくいきませんでした。設定のみ

 scrollView.contentInsetAdjustmentBehavior = .never

ScrollView内にstackViewがあり、stackViewの要素のサイズが固定されているため、調整を挿入する必要がなく、これは機能します。

クレジットは IScrollviewでsafeAreaInsetsを取り除く方法（iOS 11、iPhoneX）

1
regina_fallangi

私にとってこれはうまくいきました：

1）制約を設定する画像を選択します

2）右パネルの属性インスペクターに移動します

3）Scale to FillとしてContent Modeを選択します

0
Narasimha Nallamsetty