[iOS] ImageView의 Content Mode

이번 포스팅은 xCode에서 ImageView의 Content Mode에 대하여 알아보도록 하겠습니다.

목차

1. ImageView의 Content Mode

2. 마무리

 

---

 

#1.  ImageView의 Content Mode

ImageView에서 Image를 나타내는 Content Mode에 따라 이미지가 다르게 표시됩니다. 아래에서 배치한 Image가 어떻게 달라지는지 알아보도록 하겠습니다.

1) Scale to Fill : 기본 설정값으로, ImageView의 크기에 맞게 이미지의 가로, 세로 비율이 변경됩니다. 비율이 맞지 않으면 뭉개져 보입니다.

2) Aspect Fit : 이미지의 가로, 세로 비율은 유지하면서 ImageView의 크기에 맞게 이미지의 크기를 바꿉니다.

3) Aspect Fill : 이미지의 비율을 유지하면서 ImageView를 채웁니다. ImageView와 이미지 비율이 맞지 않으면 이미지가 넘쳐서 잘릴 수 있습니다.

4) Center : 이미지의 원본 크기를 유지한 채 이미지의 중앙을 ImageView에 출력합니다.

5) Top : 이미지의 원본 크기를 유지한 채 윗부분을 ImageView에 출력합니다.

6) Top Left : 이미지의 원본 크기를 유지한 채 이미지의 왼쪽 윗 부분을 ImageView에 출력합니다.

 

---

 

#2. 마무리

ImageView의 Content Mode에 대하여 알아보았습니다. xCode에서 가장 기본적인 항목이라 잘 알고 있는 내용이지만 글로 정리를 한번 해 보았으니 필요하신 분에게 도움이 되었으면 좋겠습니다.

긴 글 읽어주셔서 감사합니다.

끝.

 
Reference : 직접 구매한 송호정, 이범근 저자의 [Do It 스위프트로 아이폰 앱 만들기]