Edited at

【Swift4】AutoLayoutのStackViewを使ってボタンを等間隔に並べる

More than 1 year has passed since last update.


実行環境

【Xcode】Version 9.2

【Swift】Version 4.0.3


概要

storyboardStackViewを使って、ボタンなどのアイテムを均等に並べる方法。


方法

アイテムを適当に並べます。

a.png

並べたアイテムを全て選んで、AutoLayoutツールバーにあるStackViewを選択します。

b.png

StackViewを選択すると、こんな感じにくっつきますが気にしない。

c.png

その状態で、ユーティリティエリアにあるDistributionからFill Equelly を選びます。

d.png

あとはStackViewに対していい感じに制約をかけてあげれば完成!

(今回は上下左右中央と両端からの距離を0にしています)

e.png


完成形

f.png