【Swift】AutoLayoutを使って、どの端末でも上下半分にレイアウトを分割する方法を紹介

このように、autoLayoutを使って、

• すべての端末
• すべてのモード(縦向き・横向き)

で、上下半分にレイアウトを分ける方法をご紹介します。

UIViewを２つセットする

まずは、適当に上下のUIViewをそれぞれstoryboardにセットします。

今回は、わかりやすいようにピンクと青の背景をつけました。

上下・左右マージン0のconstraintsを追加

この図のように、先程追加した2つのViewコンポーネントに上下左右0の4つのConstraintsを追加します。

2つのViewコンポーネントを同時選択して、Equal Heights Constraintsを設定する

2つのViewコンポーネントをShiftを押しながら同時選択して、上図のように「Equal Heights」Constraintsを追加します。

うまく追加できると、このように「=」マークが2つのViewに表示されるようになり、同じ高さをConstraintsで固定することができます。