web-dev-qa-db-ja.com

iPhone Xのホームインジケータの下の底面図の色を拡張するにはどうすればよいですか?

添付画像を確認してください。 Viewcontrollerのビューの背景色は青です。ご覧のように、この色はステータスバーの下とホームインジケータの下に広がっています。ボタンである下部に白いビューがあります。ここで、白いビューは安全なレイアウトガイド内にあります。

IPhone-X専用のビューを追加せずに、同じ白い色をホームインジケーターの下に広げたい。

これを行う方法?

enter image description here

16

Krunalの答えは、ほとんどの場合に機能します。ただし、最上位の制約が設定されていない場合、白いビューはホームインジケーターラインの下に表示されます。

enter image description here

私の設計では、白いビューには主要な、トレーリング、ボトム、および高さの制約のみがありました。サブビューとして別のビューを白いビューに追加する必要がありました(このビューは今後白いビューとして機能します)。外側の白いビューのセーフエリアレイアウトガイドを有効にし、制約をマージン/セーフエリアに設定します。 Xを含むすべてのデバイスでこのことを機能させます。

注意:高さの制約は、外側のビューではなく、内側のビュー/ボタン(私の場合)に設定する必要があります。自動レイアウトは、iPhone Xデバイスで適切に作業を行います。

enter image description here

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

Iphone 5c

iPhone X:

enter image description here

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

14

スーパービューでホワイトビューの下部の制約を設定/アタッチする必要があります。

以下の手順に従って、以下を参照してください。

  • ビューの下部/下部の配置制約を確認します。安全エリアの下部アンカー/制約で取り付けることができます。

enter image description here


  • (編集するには)Bottom constraintをダブルクリックすると、次のオプションが表示されます。
  • 選択範囲(チェックマーク)をセーフエリアからスーパービューに変更します。

enter image description here


  • そうでない場合は、0に定数を設定します。

enter image description here


  • ここにあなたが望むかもしれない結果があります。

enter image description here

24
Krunal

私の場合、下部のビューの高さを49にしたかったので、上部を下部レイアウトガイドの上に49に設定します。

enter image description here

次に、ビューの下部をスーパービューの下部に設定します。

enter image description here

IPhone Xでは、ビューは電話の底部まで延びており、安全な領域の上に49の高さがあります。他のデバイスでは、ビューの高さは49です。

6
Daniel Burton