二つの画像を合わせて表示したい。

Question

前提・実現したいこと

UIImageView①に真ん中が透過されている画像を設定し、その透過されている部分にUIImageView②がはまるように表示をしたいです。

発生している問題・エラーメッセージ

一つのUIimageViewの縦横の比を設定することはできるのですが、二つのUIImageView間で比を設定することができず、ビルドした際にずれてしまいます。

試したこと

UIImageView①、②を選択した状態で、AddNewConstraintsのAspectRatioにチェックを入れてみてもずれてしまいました。
二つのUIImageViewが同じ比率で拡大されたり縮小されればズレることはなくなると思うのですが、その設定がわかりません。
この問題の解決方法を教えていただきたいです。
よろしくお願いいたします。

Answer 1

2つのビューに比率を指定する方法ですね？

1. 片方のビューの上でCtrlキーを押しながらドラッグします。

そうすると青い線が延びるので、もう一つのビューまで持っていって指を離します。(図1)

1. 指を離すと作成する制約の種類のメニューが表示されるので、Equal Widths か Equal Heights を指定します。

Widthsだと2つのビューの横幅の比率、Heightsだと高さの比率になります。(図2)

1. 作成した制約を編集して比率を設定します。比率はMultiplierに指定します。

図の指定だと横幅が 1:2 になります。

1. 結果