StackViewを比率で並べる

はじめに

StackViewの中に3つのViewがあり、それらを高さ1:1:2の比率で配置したいときに、StoryBoard上でのやり方を知らなかったので共有します。

方法

1. まずStackViewのAttributes InspectorのDistributionを”Fill”にする

2. 次に、ctrlキーを押しながら1 Viewと2 Viewを選択し、”Equal Heights”を選択する

同様に、1 Viewと3 Viewもctrlキーを押しながら選択し、”Equal Heights”を選択する

3. 追加されたConstraintsの中の1 View.height = 3 View.heightを選択し、Attributes InspectorのMultiplierを1:2にする

これにより、1 View : 2 View : 3 View = 1 : 1 : 2の状態を作ることができます。