Swiftでボタンのレイアウト(配置)を試してみる その1


Storyboardの場合

StoryboardでButton を中心に配置してみた。

シミュレータで実行してみると、中心ではなく右寄りに配置されている。

まずは、デフォルトでUse Auto Layout と Use Size Classes にチェックが入っていることを確認する。

そこで、Storyboardで、Button を選択して下記のようにチェックボックスを選択し Add 2 Constraintsを押してみる。

すると、上下より中心に配置される。

思った通り。やったぁ。

これは、対象であるButtonにレイアウトの制約(Constraints)を、Storyboardで付加してあげたのである。
下記のOutlineView画面を見てもらうとわかる。

では、次回はこれを Swiftコード上で配置できるか試してみる。