LoginSignup
3
3

More than 5 years have passed since last update.

Swift3 Storyboardで画面の中心にViewを配置する

Last updated at Posted at 2018-04-03

Swift3 Storyboardで画面の中心にViewを配置する

やりたいこと

Storyboardから任意のViewを画面の中心に配置したい

動作環境

  • Xcode9.2
  • Swift3

手順

  1. Storyboardにviewを配置する
  2. 配置したViewにオートレイアウトで画面の中心に配置を行う
  3. Viewのサイズの制約を追加する

1. Storyboardにviewを配置する

プロジェクトのStoryboardを開き、画面の中心に配置したいViewを配置します

2. 配置したViewにオートレイアウトで画面の中心に配置を行う

配置したViewを選択し、Storyboardの画面右下に存在する「Add New Alignment Constraints」をクリックし、「Horizontally in Container」と「Vertically in Container」にチェックを入れ、
「Add Constraints」をクリックし制約を反映します。

AddNewAlignmentConstraints.png

3. Viewのサイズの制約を追加する

このままだと制約が足りずエラーになってしまうので、今回はエラー回避のためにViewのサイズに制約を設けます。
配置したViewを選択し、Storyboardの画面右下に存在する「Add New Constraints」をクリックし、「Width」と「Height」にチェックを入れ、「Add Constraints」をクリックし制約を反映させます。
この時の「Width」と「Height」のサイズでViewに制約が追加されます。

AddNewConstraints.png

上記手順で指定したViewが中心に配置されるようになります。

3
3
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
3
3