LoginSignup
7
5

More than 5 years have passed since last update.

AutoLayoutでアイテムをViewの中心に設定する

Last updated at Posted at 2016-10-11

control + ドラッグ でアイテムを親Viewへドラック

(雑に書いてすみません)
スクリーンショット 2016-10-11 12.30.18.png

Center Horizontal Center in Containerを選択

Center Horizontal Center in Containerはコンテナ内でアイテムを横方向へ中央揃えさせます

スクリーンショット 2016-10-11 12.31.22.png

すると赤くなります(なぜだかは知りません)

スクリーンショット 2016-10-11 12.33.55.png

右下でAdd MIssing Constraints をしましょう

Add MIssing Constraintsは、十分に制約が与えられていないビューに対して
足りない制約を自動的に付与して赤を取り除いてくれる魔法の機能です

スクリーンショット 2016-10-11 12.35.00.png

んで、アップデートフレーム

スクリーンショット 2016-10-11 12.42.31.png

次、一番最初にやったように、control + ドラッグ でアイテムを親Viewへドラックします

center vertically in containerを選びましょう
(画像の位置が変わってすみません。はじめっから真ん中にあったので、下の方にわざと制約をずらしました)

center vertically in containerはコンテナ何で縦方向へ中央揃えを実現させます

スクリーンショット 2016-10-11 12.44.48.png

んで、また赤くなるので(なんでかは知らない)右下でAdd MIssing Constraints をしましょう

Add MIssing Constraintsは、十分に制約が与えられていないビューに対して
足りない制約を自動的に付与して赤を取り除いてくれる魔法の機能です

スクリーンショット 2016-10-11 12.48.08.png

はい、うまくいきましたね

スクリーンショット 2016-10-11 12.51.02.png

ちなみに、これでうまくAdd MIssing Constraintsがでない場合は裏技あります

一度Clean Constraintsで今設定されている制約を消して、すべての制約が消えた状態(でも横中央に揃えられた形は維持されたまま)でcenter vertically in containerをやってください。そして、アイテムが縦中央に揃えられたところで

Reset to Suggested Constraintsする

もう一度Clean Constraintsですべての制約を消し去った後に、Reset to Suggested Constraintsをすればば完璧です
Reset to Suggested Constraintsは、キャンバス上の位置情報に基づいて制約を与える機能です

すみません、もっと上手なやり方、まだ今の自分じゃ知りません

7
5
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
5