ImageView scaleType

300x250

300x250

이번 포스팅에서는 안드로이드 앱 개발 시 많이 사용하는 ImageView 에 다양한 크기의 image 를 보여주는 방법에 대해 소개한다.

ImageView 에 대한 상세 사항은 하단 link 를 참조하자.

[Android/UI] - ImageView

scaleType

ImageView 안에 image 의 크기를 확대, 축소 하거나 이동시킬 수 있는 속성이다.

기본값은 "fitCenter" 이다.

 

하단은 scaleType 에 사용된 원본 image 이다.(572x640)

◼ center

원본 image 그대로 ImageView 의 중앙에 위치한다.

 

◼ centerCrop

ImageView 의 가로 or 세로 크기 중 큰쪽에 맞게 이미지를 확대 or 축소 후 남는 부분은 crop(자름)

 

◼ centerInside

원본 image 가 ImageView 크기보다 크다면 "fit_center"

원본 image 가 ImageView 크기보다 작다면 "center"

 

◼ fitCenter

ImageView 의 가로 or 세로 크기 중 작은쪽에 맞게 이미지를 확대 or 축소.

ImageView 의 중앙에 이미지가 나타나며 여백이 생긴다.

 

◼ fitEnd

ImageView 틀에 맞게 이미지 비율을 조정한다.

이미지 비율에 맞추어 확대 또는 축소 되어 보이며 이미지가 오른쪽 아래에 맞춰 위치하게 된다.

 

◼ fitStart

ImageView 틀에 맞게 이미지 비율을 조정한다.

이미지 비율에 맞추어 확대 또는 축소 되어 보이며 이미지가 왼쪽 위에 맞춰 위치하게 된다.

 

◼ fitXY

이미지가 ImageView 틀에 꽉차게 확대 또는 축소 되어 보인다.

이미지의 좌우 크기가 맞지 않는 경우 이미지가 변형되어 보일 수 있다.

 

◼ matrix

ImageView의 왼쪽 최상단에 맞춰 원본 사이즈 그대로 보여진다. 

이미지가 변형이 되지 않기 때문에 틀이 작게 되면 이미지가 잘려서 보인다.