LoginSignup
25
17

More than 5 years have passed since last update.

@ssqiita

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

Last updated at Posted at 2014-09-29

概要

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

こんな状態にしたい

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

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

レシピ

Use Auto layout にチェック
01.png

利用するラベル
02.png
03.png

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

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

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

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

25
17
0

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
Sign upLogin
25
17