iOS StackView の使い方

Stack View

既存のViewからStack View化する方法

f:id:me-note:20180520135916p:plain

Stack Viewの属性 (Inspector Pane)

f:id:me-note:20180520140352p:plain

Axis

stackを並べる方向

選択肢説明
Horizontal 横並び
Vertical 縦並び

Alignment

サブビューをどこに揃えて配置するか

選択肢説明
Fill 幅いっぱい
Leading 先頭揃え
Top 上揃え
FirstBaseline 一番上の行のテキストベース揃え
Center 中央揃え
Trailing 末尾揃え
Bottom 下揃え
LastBaseline 一番下の行のテキストベース揃え

Distribution

サブビューの軸方向のレイアウトを決める

選択肢説明
Fill StackViewの中がいっぱい
Fill Equally StackViewいっぱいにサブビューを同じ幅で配置。高さ関係なく同じ幅になる
Fill Proportionally
EqualSpacing サブビューとサブビューの間を等しく配置します
Equal entering 各サブビューの中心から中心の距離を等しく配置

Spacing

サブビューとサブビューの間の設定

参考サイト

qiita.com