iPhone8とiPhoneXRなど様々な機種に対応したAutoLayoutについて

Question

最近、Xcodeと言語Swiftを使用してiPhoneアプリを作っているのですが困っていることがAutoLayoutの設定です。
様々なiPhoneの画面サイズに対応することを考えながら作りたいと思っているのですが、わからないことがあります。

わからないこと
画面下にある機種の設定は何に設定して開発するなどの決まりはあったりしますでしょうか？

例）iPhone8に設定して画面の一番下端に横長のUIViewを設置、そのままAutoLayoutを
(Safe Area.bottom,Safe Area.leading,Safe Area.trailing)で設定

その後、機種の設定をiPhone8からiPhoneXRに変更すると
「iPhone8のSafe Areaの設定」の状態でAutoLayoutがiPhoneXRのSafe Areaに対応できません

このように、「機種の設定」ベースでStoryBoardの開発をしているのですが(通常これ以外の方法は無いと思うのですが)、
・機種の設定は一番最初にこれにするといちいち変更しなくて済むというものはありますでしょうか？
・もしない場合は小さい画面から大きい画面に対応したAutoLayoutの設定方法なるものがありますでしょうか？

とても初歩的な質問でごめんなさいm(_ _)m

追記　少し手間取ったところ
・AutoLayoutのAlign constraintsの設定手順をGoogle検索したのですが、すぐに方法が出てこなかった。

解決法
「Add Missing Constraints」を押したところ一発で設定できましたm(_ _)m

Answer 1

画面下にある機種の設定は何に設定して開発するなどの決まりはあったりしますでしょうか？

特にないと思います。
好きな設定でいいと思います。
自分はXRとかでStoryboardでレイアウトを組んでPreviewで確認したり、
iPhoneSEで実行したりして他の端末でもレイアウトに問題がないか確認したりしてますね。

その後、機種の設定をiPhone8からiPhoneXRに変更すると

「iPhone8のSafe Areaの設定」の状態でAutoLayoutがiPhoneXRのSafe Areaに対応できません

これは自分の環境では確認できませんでした。
もしかしたらAutoLayoutの制約が正しくつけられていなかったりするかもしれません。
Storyboardを開きなおすと直ったりするかもしれません。

自分はiPhone8で設定してX系の画面にすると以下のようにSafeAreaに正しく対応した結果になりました。

Comments

[maplemee]

>好きな設定でいいと思います。
>自分はXRとかでStoryboardでレイアウトを組んでPreviewで確認したり、
>iPhoneSEで実行したりして他の端末でもレイアウトに問題がないか確認したりしてますね。

ありがとうございます。そうなんですね！参考になる情報もありがとうございます。

>もしかしたらAutoLayoutの制約が正しくつけられていなかったりするかもしれません。

その通りでした。。
Align constraintsの設定がわからなかったのですが、「Add Missing Constraints」の項目を選択したところAutoLayoutの問題は解決しましたm(_ _)m