2017-11-09 27 views
6

添付の画像をご確認ください。 ViewControllerのビューの背景色は青です。あなたが見ることができるように、この色はステータスバーの下とホームインジケータの下に広がっています。下部にはボタンである白い眺めがあります。白い図は安全なレイアウトガイドの内側です。iphone Xのホームインジケータの下に下の視界の色を拡張するには?

私はこれを行うにはどのようにだけiphone X用の追加のビューを追加することなく、自宅のインジケータの下

を拡張するために同じ白い色をしたいですか?

enter image description here

答えて

7

あなたは、スーパービューのお白いビューの下部に制約を付ける/設定する必要があります。

は、次の手順に従いますし、参照してください。

  • チェック底面/ビューの下部に整列制約。それは、安全な領域の底部アンカー/拘束具で取り付けられてもよい。

enter image description here


  • (それを編集するには)オプション次を示します下の制約をダブルクリックします。
  • セーフエリアからスーパービューに選択(目盛り)を変更します。 enter image description here

    ない場合0に一定の設定



    • enter image description here

    は、ここであなたが望むことが、結果です。

enter image description here

+0

ありがとうございます。これは動作します。しかし、その上限制約が設定されていない場合は、白い表示がホームインジケータラインの下に表示されます。私のデザインでは、白いビューには先頭、末尾、下端、高さの制約しかありませんでした。私は、白ビューにサブビューとして別のビューを追加し、Xを含むすべてのデバイスでこのことが機能するように余裕を持って制約を設定する必要がありました。 – abhi1992

4

Krunalの答えは、ほとんどの場合で動作します。しかし、その上限制約が設定されていない場合は、白い表示がホームインジケータラインの下に表示されます。私の設計では

enter image description here

は、白いビューは、底面と高さ制約だけを末尾、リードしていました。私は白ビューにサブビューとして別のビューを追加しなければなりませんでした(このビューは今から白いビューとして機能します)、外側の白いビューのセーフエリアレイアウトガイドを有効にし、マージン/セーフエリアに制約を設定して

NB:内側のビュー/ボタン(私の場合)の高さの制約を設定し、外側のビューは設定しないでください。 Autolayoutはiphone Xデバイスであなたの仕事を適切に行います。

enter image description here

これは、iPhoneのXと他の携帯電話にどのように見えるかです。 iPhone SE:

Iphone 5c

iPhone X:

enter image description here

はこれが誰かを助けることを願っています。 :)

+0

素晴らしい!あなたの答えは完璧です – Krunal

1

私の場合は、底部の高さが49であることを望んでいました。そのため、最上部のレイアウトガイドの上に49を設定します。

enter image description here

そしてスーパーの底部に表示する底部を設定。 iPhone X上の今

enter image description here

ビューは、電話の底まで延びており、まだ安全な領域の上49の高さを有する、およびその他のデバイス上のビューが49

の高さを持ってい
関連する問題