More than 5 years have passed since last update.

Autolayoutで画面中央にビューを配置する方法

Last updated at 2014-09-29Posted at 2014-09-29

概要

画面中央にピッカービュー、その説明文をその上に表示したい時などに便利なレシピです。

縦向きのときに中心になっている

横向きのときも中心となっている

Use Auto layout にチェック

利用するラベル

かきくけこラベルは縦は固定、横は可変にしたいので、
・終端までの余白10pt
・ラベル自体の縦135pt
としてAddします

ここではVertical Center in Containerを選択することで
画面上下における中央に配置させることができます

以下を設定
・終端までの余白10pt
・かきくけこラベルまでの距離10pt
・ラベル自体の縦20pt

Warning対応
Actualを正としたいので、Update Constraintsを選択