Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
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年経ったら見れなくなるけどまあいいか。
hanoopy
PHPプログラマー。 iPhone開発勉強中。
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