[iOS] 비율에 맞춰서 이미지 표시하기

이미지 크기를 조정하기 위해 resize 하는 방법도 있고, 이미지뷰의 속성을 조정하여 간단하게 조정하는 방법이 있다.

 

이미지를 resize 하는 방법은 복잡해서  UIImageView 의 옵션을 조정해서 이미지 조정하는 방법을 사용했다

 

UIImageView 를 누르고 Attributes Inspector 탭을 눌러서 View의 Content 모드 조정

1. Scale To Fill

- 비율 무시

- ImageView 의 Width와 Height에 이미지를 강제로  늘려서 맞춤

2. Aspect Fit

- 원본 비율 유지

- ImageView 밖으로 이미지가 나가지 않는 선에서 최대 크기

- 비율이 맞지 않는 경우 내부에 여백 생김

3. Aspect Fill

- 원본 비율 유지, 여백 없이 딱 맞게 사이즈 조정됨

- Attributes Inspector 탭에서 Clip to Bounds 값을 체크하면 이미지가 ImageView 영역에 맞게 짤리고, 체크 해제하면 ImageView 영역에 맞게 채워진 상태로 이미지가 짤리지 않고 출력됨

-> 이미지가 ImageView 영역을 벗어남

 

 

monibu1548.github.io/2018/05/21/scalemode/

Content Mode : Scale to Fill, Aspect Fit, Aspect Fill 차이 정리 - JingyuJung's Blog