AutoLayout概要

始めて　AutoLayoutを設定する

概要

・アプリケーションの画面レイアウトを作成するシステム
・ユーザインターフェイスを調整できる

・画面の大きさや向き、地域設定などを動的に変化させられる
・AutoLayoutを使わないと左上からの座標で配置されてしまうが、それをセンタリングやマージンを設定しておくことで、画面サイズが変わっても調整してくれる

・storyboardを開く
・Assistant Editorを開く
・Assistant Editorのメニューバーのところで選択すればOK！

ここからは細かい画面について記載する

右から
・Resolve Auto Layout issues
・Pin
・Align

・Use Current Canvas Value にすると現在の値を設定できる

パーツはも元々マージンがあるものもあって、そのマージンも含めて
余白を設定するか？ということらしい
私は使いづらいので毎回チェックを外してマージンを内容にする

・幅のサイズ設定

・高さのサイズ設定

・Use Current Canvas Value にすると現在の値を設定できる

・横方向の調整を設定する
・中心からの移動座標を設定する

・縦方向の調整を行う
・中心からの移動座標を設定する

・青→　調整完了　異常なし
・黄色→　まだ確定していない属性があるよ　例えば、位置は決まっているけど、サイズが未決定など
・赤→　矛盾した設定があるよ

・Update Frames　　　　元の位置に戻す
・Update　Constraints　　設定を更新する