🪴ImageView의 ContentMode

스토리보드에서 ImageView를 선택하고,

우측 Attributes inspector 영역을 보면 Content Mode 라는게 있고 다양한 모드가 제공되고 있다.

 

선택한 모드에 따라 이미지는 다르게 표시된다.

 

모드	설명
Scale to Fill	기본 설정 값으로, 이미지 뷰의 크기에 맞게 이미지의 가로, 세로 비율이 변경된다. 비율이 맞지 않으면 뭉개져 보인다.
Aspect Fit	이미지의 가로, 세로 비율은 유지하면서 이미지 뷰의 크기에 맞게 이미지 크기를 바꾼다.
Aspect Fill	이미지 비율은 유지하면서 이미지 뷰를 채운다. 이미지 뷰와 이미지 비율이 맞지 않으면 이미지가 넘쳐서 잘릴 수 있다.
Redraw	Scale to Fill과 동일한 결과를 준다. 자체적으로 scaling이나 resizing를 수행하는 경우에 사용한다.
Center	이미지의 원본 크기를 유지한채 이미지의 중앙을 이미지 뷰에 출력한다.
Top	이미지의 원본 크기를 유지한 채 이미지의 상단 부분을 이미지 뷰에 출력한다.
Bottom	이미지의 원본 크기를 유지한 채 이미지의 하단 부분을 이미지 뷰에 출력한다.
Left	이미지의 원본 크기를 유지한 채 이미지의 좌측 부분을 이미지 뷰에 출력한다.
Right	이미지의 원본 크기를 유지한 채 이미지의 우측 부분을 이미지 뷰에 출력한다.
Top Left	이미지의 원본 크기를 유지한 채 이미지의 좌측 상단 부분을 이미지 뷰에 출력한다.
Bottom Right	이미지의 원본 크기를 유지한 채 이미지의 우측 하단 부분을 이미지 뷰에 출력한다.