[Android] 안드로이드 - 이미지뷰 scaleType으로 화면 이미지로 꽉차게 처리하는 방법

안드로이드 스튜디오에서 이미지 뷰(Image View)에 이미지를 표시할 때, ScaleType은 이미지를 화면에 어떻게 표시할지를 결정하는 속성이다. ScaleType을 사용하여 이미지가 뷰에 맞춰지고 화면에 어떻게 표시될지를 조절할 수 있다.

안드로이드 스튜디오에서 이미지뷰를 사용할 때 불러온 이미지가 사이즈에 맞게 꽉 차도록 설정해보자.

ScaleType

이미지 뷰를 생성하고 이미지 파일을 첨부하면 이미지 파일의 비율에 따라서 이미지뷰 여백이 생긴다.

여백을 없앨 때, 썸네일 이미지 조절에 Scale Type 많이 사용한다.

Attributes 에서 ScaleType 을 centerCrop 으로 바꾸어 주면
이미지뷰 내의 이미지가 여백 없이 꽉차게 바뀐다.

 

 

ScaleType 속성들

• center: 이미지가 중앙에 위치하며 원본 크기 그대로 표시된다.
• centerCrop: 이미지를 뷰에 가득 채울 수 있도록 확대하여 잘라냅니다. 가로 또는 세로 중 한 쪽이 뷰와 맞을 때까지 이미지를 확대하고, 넘치는 부분은 잘라낸다.
• centerInside: 이미지를 뷰 안에 가득 채울 수 있도록 축소하여 표시합니다. 이미지가 뷰보다 크면 축소해서 전체 이미지를 보여준다.
• fitCenter: 이미지를 뷰 안에 가득 채우되, 원본 비율을 유지한 채로 중앙에 위치시킨다.
• fitStart: 이미지를 뷰 안에 가득 채우되, 원본 비율을 유지한 채로 왼쪽 상단에 위치시킨다.
• fitEnd: 이미지를 뷰 안에 가득 채우되, 원본 비율을 유지한 채로 오른쪽 하단에 위치시킨다.
• fitXY: 이미지를 뷰에 가득 채우도록 늘리거나 줄여 원본 비율을 무시하고 화면에 꽉 차게 표시한다. 이 경우 이미지가 원래의 비율을 유지하지 않을 수 있다.