Help us understand the problem. What is going on with this article?

回転に耐えるアプリを作る、Constraitsの設定方法

More than 5 years have passed since last update.

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
登録したConstraitsは左のツリーに表示されるので、これを選択してメニューのEdit - Deleteしたら削除できる。

コメント

  • Xcode上のConstraitsの操作が、ぱっと見て直感でいけるかと思ったら、いけなさそうだったので、まとめた。
  • この記事のような画像説明作るのがめんどくさい。
  • Skitchで枠線などの注釈説明入れた画像をfastpicというサイトに上げたので、1年経ったら見れなくなるけどまあいいか。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした