Xcodeにおけるレスポンシブ対応
実際に以下画像の「UpView」「DownView」をそれぞれSafe Areaに大して高さ30%・70%となるように設定していきます
![](https://dolphinetech.com/blog/wp-content/uploads/2020/04/スクリーンショット-2020-04-12-22.14.00.png)
UpViewの設定
まずは、 controlキーを押ながら「UpView」から「Safe Area」にドラッグ&ドロップをすると以下の画像のようなポップアップが表示されるので「Equal Heights」を選択します。
![](https://dolphinetech.com/blog/wp-content/uploads/2020/04/スクリーンショット-2020-04-12-22.20.27.png)
「UpView」を選択状態にして画面右の物差しのマークをクリックします
すると以下の画像のような画面になるはずなので「Vertical」項目の中にある「Proportional Height to Safe Area」のEditをクリックし「Multiplier」の値を0.2にします
![](https://dolphinetech.com/blog/wp-content/uploads/2020/04/スクリーンショット-2020-04-12-22.24.32-491x1024.png)
DownView
「DownView」の場合も同様に「Equal Heights」を選択し、「Multiplier」の値を0.8にします
![](https://dolphinetech.com/blog/wp-content/uploads/2020/04/スクリーンショット-2020-04-12-22.11.05.png)
![](https://dolphinetech.com/blog/wp-content/uploads/2020/04/スクリーンショット-2020-04-12-22.30.54.png)
以上で今回目的としている対応は完了です
お疲れ様でしたぁ