Help us understand the problem. What is going on with this article?

【Swift4】AutoLayoutを使ってサイズを比率で指定する方法

More than 1 year has passed since last update.

実行環境

【Xcode】Version 9.2
【Swift】Version 4.0.3

概要

AutoLayoutのEqual WidthsEqual Heightsを使ってサイズを決める方法のメモです。

方法

サイズを指定したいアイテムを選びControlを押しながら基準にしたいものにドラッグします。
今回は、画面サイズに対しての比率を指定するので親のviewを指定しています。
a.png

ドラッグするとポップアップが出てくるので、高さか幅かどちらか基準にしたい方を選びます。
b.png

Equal Widthsを選ぶと新しくwidthに関する制約が追加されるので、その制約を選択します。
c.png

制約を選択するとユーティリティーエリアにMultiplierのプロパティを設定する項目があるので、その値を変えます。
画面サイズの50%にしたいなら0.5にするみたいな感じです。

d.png

これだけで、画面サイズに応じたサイズに可変する部品を作ることができます!

完成形

ラベル幅を画面幅の50%になるように指定してます。
e.png

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away