[Swift]UIに比率を指定する(Storyboard)

概要

StoryboardでUIの幅や高さを比率で指定する手順です。

全体の手順は
①比率の元にしたいオブジェクトと同じ幅（高さ）にする
②どれくらいの比率にするかを指定する

本文

今回は画面全体に対する比率を指定したいのでSafe AreaとButtonを選択する（Commandボタンを押しながら選択）

画面右下、Add New ConstraintsからEqual Widthsを選ぶとボタンの横幅が画面の横幅と同じになります。


比率を指定したいオブジェクト（今回はButton）だけを選んだ状態にしてスクショのように選択し、Multiplierに比率を入力します。
（初期値1は「100％=同じ」を意味します。今回は画面横幅の半分なので0.5を入力しました）

補足

この手順を応用すると、他のUIに対する比率を指定することもできます。
今回作ったボタンに対して半分の幅を黒色のボタンに指定してみました。