AutoLayout概要
始めて AutoLayoutを設定する
概要
・アプリケーションの画面レイアウトを作成するシステム
・ユーザインターフェイスを調整できる
メリット
・画面の大きさや向き、地域設定などを動的に変化させられる
・AutoLayoutを使わないと左上からの座標で配置されてしまうが、それをセンタリングやマージンを設定しておくことで、画面サイズが変わっても調整してくれる
Previewの使い方
・storyboardを開く
・Assistant Editorを開く
・Assistant Editorのメニューバーのところで選択すればOK!
設定画面
ここからは細かい画面について記載する
右下のボタン
右から
・Resolve Auto Layout issues
・Pin
・Align
Pin
・Use Current Canvas Value にすると現在の値を設定できる
Constrain to margins
パーツはも元々マージンがあるものもあって、そのマージンも含めて
余白を設定するか?ということらしい
私は使いづらいので毎回チェックを外してマージンを内容にする
Width
・幅のサイズ設定
Height
・高さのサイズ設定
Align
・Use Current Canvas Value にすると現在の値を設定できる
Horizontally in1Container
・横方向の調整を設定する
・中心からの移動座標を設定する
Vertically in Container
・縦方向の調整を行う
・中心からの移動座標を設定する
赤、青、黄の→について
・青→ 調整完了 異常なし
・黄色→ まだ確定していない属性があるよ 例えば、位置は決まっているけど、サイズが未決定など
・赤→ 矛盾した設定があるよ
パーツを移動させた後の処理
・Update Frames 元の位置に戻す
・Update Constraints 設定を更新する