アスペクト比を理解したい。
ここでは、UIImageViewのアスペクト比を設定しています。
これらは、この制約をクリックしたときのオプションです。
この制約のしくみと "PRESETS"、逆乗数、10進数への変換
ありがとう。
アスペクト比制約は、ここで設定したアスペクト比に従ってビューの幅と高さを制御するために使用されます。幅が高さに等しくなることを意味する1:1などのいくつかの標準プリセットがあります。同様に、他のプリセットは比率に基づいて寸法を計算します
Reverse Multiplierは、比率を逆にするために使用されます。例えば。 4:3は3:4になります10進数に変換比率を10進数で表します。例えば。 4:3は1.33になります
ビューが常にアスペクト比を維持するようにしたい場合は、この制約を使用できます。あなたの場合、その画像ビューで、設定される画像のアスペクト比がわかっている場合は、そのアスペクト比を制約として設定して、その画像ビューに設定されている画像に応じて画像のサイズを常に調整できます。
単一のアイテムに対してアスペクト比を選択した場合、アイテムの幅が比率の分子として使用され、高さが分母として使用されます。複数のアイテムにアスペクト比を選択した場合、自動レイアウトでは、分子に1つのアイテムの幅を選択し、分母に別のアイテムの高さを選択します。初期アスペクト比を変更するには、制約の属性インスペクターの乗数フィールドを編集します。幅または高さに使用するアイテムを変更するには、属性インスペクターの[最初のアイテム]および[2番目のアイテム]ポップアップメニューを使用します。
続きを読む ここ
制約は数学の方程式のようなものです。
例:
しましょう
X- known value (20)
Y- Unknown value (?)
m- multiplier (like 2 or 3 times)
C- constant (+3 or -3)
y値を見つけるには、この式を使用します。
Y = m * X + C
Y = 2 * 20 + 3
Y = 43
制約方程式:
最初のオブジェクト=(乗数* 2番目のオブジェクト)+定数
幅=(0.5 *高さ)+ 20
アスペクト比の状態
注:1つの値を固定する必要があります(高さまたは幅)
A)プリセット
1)幅= 1 *高さ
幅/高さ= 1/1(1:1)
2)幅= 3/4 *高さ
幅/高さ= 3/4(3:4)
B)逆乗数
リバース前
幅= 1/2 *高さ(1:2)
リバース後
幅= 2/1 *高さ(2:1)
C)10進数に変換
変換前
幅= 1/2 *高さ
変換後
幅= 0.5 *高さ(0.5)