XcodeでConstraitsの設定操作が覚えにくかったのでメモ。
回転するとレイアウトが崩れる
普通にアウトレットを配置して、画面を90度回転すると、レイアウトが崩れ、一部のアウトレットしか見れなくなる。
こういう場合に、横長用の配置に調整するような設定を行っていきます。
Pin設定
・左下のスイッチを固定する。
【方針】「左端からの距離」と「下端からの距離」を回転しても今と同じにする。
(1)スイッチを選択
(2)Pinボタンを押してダイアログ表示
(3)「左」「下」の点線をクリックして実線にする
(4)「Add..」ボタンを押してダイアログを閉じる
・右下のステッパーも、スイッチと同様に固定する。
【方針】「右端からの距離」と「下端からの距離」を回転しても今と同じにする。
(1)スイッチを選択
(2)Pinボタンを押してダイアログ表示
(3)「右」「下」の点線をクリックして実線にする
(4)「Add..」ボタンを押してダイアログを閉じる
・Buttonも同様に、「上端」からの距離を固定する
・中央の画像も同様に、「上端」からの距離を固定する
Align設定
・Buttonと中央の画像を中央に固定する
(1)2点のアウトレットを選択
(2)下のAlignボタンを押してダイアログを表示させる
(3)下から2番めのHorizontal Center in Containerにチェックを入れる
(4)Add constraitsボタンを押してダイアログを閉じる
結果
ヨイヨイ
ポイントなど
Xcode上で、Constraitsは常に新規登録される
毎回、新規登録で設定していく。どういうことかと言うと、例えばあるアウトレットのPin設定を行った後に、また同じアウトレットを選択して、Pinボタンを押しても前の設定が読み込まれたりはしない。
Xcode上でConstraitsの削除方法
登録したConstraitsは左のツリーに表示されるので、これを選択してメニューのEdit - Deleteしたら削除できる。
コメント
- Xcode上のConstraitsの操作が、ぱっと見て直感でいけるかと思ったら、いけなさそうだったので、まとめた。
- この記事のような画像説明作るのがめんどくさい。
- Skitchで枠線などの注釈説明入れた画像をfastpicというサイトに上げたので、1年経ったら見れなくなるけどまあいいか。