(iOS) Autolayout 의 Aspect ratio 를 이용하여 이미지 비율 고정

---

앱을 만들때, 화면마다 슈퍼뷰(해상도)가 다 다른데, 이미지를 특정 화면 포인트에 고정시키고 나머지는 비율대로 늘리고 싶을때가 있다.

안드로이드의 경우 Constraint Layout 의 layout_constraintDimensionRatio 속성을 이용하면 되지만, 

iOS 의 경우는 어떻게 대응할까?

우선 문제부터 보자

---

우리는 아래와 같은 뷰를 원한다.

첫번째 사진을 보면 view 안에 imageview 가 들어가있다.

우리는 이 ImageView를 화면의 세로크기로 꽉 채우길 원한다.

세로로 한번 늘려보자..

이것은 우리가 원하는 결과가 아니다. 

화면을 세로로 꽉 채우면서 가로 오른쪽은 이미지의 원래 비율대로 늘어나길 바란다.

그렇다면 어떻게 해야할까?

---

Aspect Ratio

xcode storyboard 우측 하단의 4개 버튼중 오른쪽에서 2번째 버튼을 클릭하여 아래와 같이 설정한다.

위와 같이 설정한 후 Constraints 를 추가하자.

그럼 이미지가 거지같이 늘어나거나, 아무 반응이없을 것이다.

이제 아래와 같이 설정하자.

필자의 이미지 원본 비율은 1640*1920 이기 때문에...

상하, 그리고 좌 부분은 화면 크기에 맞게 설정되며, 

설정하지 않은 우 부분이 이미지크기에 맞게 비율로 늘어나게 된다.

---

아래와 같이 어떤 슈퍼뷰에서도 세로 길이를 꽉채우며, 가로는 가변적으로 늘어난다.

---