AutoLayoutとは、iPhoneSE,iPhone12Pro,iPad などサイズが異なる機種でも、ちょうど良い場所にラベルやボタンを配置してくれるXcodeの標準機能です
ラベルやボタンにAutoLayoutを設定していない場合、位置がバラバラになります。
![](https://utro-develop.com/wp-content/uploads/2021/07/AutoLayout設定.001-1024x576.jpeg)
AutoLayoutを設定すると、どんな機種でも同じ位置にラベルやボタンが配置できます
![](https://utro-develop.com/wp-content/uploads/2021/07/AutoLayout設定済み.001-1024x576.jpeg)
画面中央寄せ
ラベルを選択し「Horizontally in Container」「Vertically in Container」にチェック。「Add 2 Constraints」で決定
![](https://utro-develop.com/wp-content/uploads/2022/07/E01293F4-C332-4000-ADE4-F612178C3B8F-1024x999.png)
左上寄せ
Add New Constraintsで上と左に「0」を入力し「Add 2 Constraints」で決定
![](https://utro-develop.com/wp-content/uploads/2022/07/AA4DA731-9B35-43E1-B9F3-058AAB6155D0-1024x1003.png)
右下寄せ
Add New Constraintsで下と右に「0」を入力し「Add 2 Constraints」で決定
![](https://utro-develop.com/wp-content/uploads/2022/07/D3BA5E16-2DB6-4358-A552-7C7A72C66372-1024x930.png)
ラベル幅と高さの指定
Add New Constraintsで「Width:200」「Height:100」と入力。「Add 2 Constraints」で決定。ラベルの周辺が赤枠になってたらオートレイアウトの設定に問題があると言うことです。
![](https://utro-develop.com/wp-content/uploads/2022/07/AE083DDB-B866-4D0A-9F53-6E1B031CDBB1-1024x910.png)
ラベルの幅と高さは決まったが「ラベル本体の位置」が決まって無いのでエラー発生。ラベルの本体の位置を中央寄せに指定してあげればエラー解消できます
![](https://utro-develop.com/wp-content/uploads/2022/07/D1D25140-50E0-4392-A977-763A20F9C89D-1024x931.png)
これでエラーが消えたと思います
オートレイアウトの制約解除
全ての制約を削除する場合「Clear Constraints」
![](https://utro-develop.com/wp-content/uploads/2022/07/40139455-EE72-409E-9DF4-BF9F3412E15C-954x1024.png)
各オートレイアウトの制約を個別修正、削除したい時は以下画像の通り
![](https://utro-develop.com/wp-content/uploads/2022/07/2106F672-2075-4FD1-85AD-BC9F500207EC-1024x853.png)
コメント