[iOS] .contentMode (scaleToFill / scaleAspectFit / scaleAspectFill)

imageView에 사진을 넣다보니 

imageView.contentMode = . 

부분에 여러가지 case중 헷갈렸던 부분을 정리해 보려고 합니다.

 

---

 

scaleToFill 

 

• 기본값

• 비율을 무시하며, imageView안에 꽉 차게 사이즈를 맞춥니다. 

 

 

scaleAspectFill

 

• 원본의 비율을 유지하고 imageView에 꽉 차게 하지만 이미지가 잘립니다.

• imageView 영역 밖으로 사진이 넘어갑니다. (아래 사진 참고)

• clipsToBountds = true 로 영역밖을 넘어가는 image를 imageView 사이즈에 맞게 맞춰줄 수 있습니다. 

• 인물, 동물 사진에 적합하지 않습니다.

scaleAspectFill 만 적용
scaleAspectFill 적용	.scaleAspectFill  .clipsToBountds = true 적용

 

scaleAspectFit

 

• image의 원본비율을 유지합니다. 

• image가 imageView 밖으로 나가지 않습니다.

• 비율이 맞지 않을경우 imageView 내부에 여백이 생깁니다.

 

---

참고

monibu1548

김종권의 iOS 앱 개발 알아가기