본문 바로가기
개발/안드로이드

[안드로이드]이미지뷰 scaleType 속성

by darksilber 2011. 12. 14.
반응형
출처 - http://blog.naver.com/m_t_o?Redirect=Log&logNo=20138131158

이미지를 배치하려면 src 속성에 이미지만 지정하면 되지만 확대나 축소가 발생할 때는 여백의 어디쯤에 이미지를 배치

할 것인지, 이미지 뷰의 크기도 같이 조정할 것인지 등의 선택 사항이 발생합니다. scaleType 속성은 이미지 뷰와 이미지

의 크기가 일치하지 않을 때 이미지를 어떤 방식으로 확대, 축소할 것인지를 지정하는데 속성에 대해 알아보겠습니다.

속성

설명

matrix

행렬을 사용하여 스케일링한다. 디폴트 단위 행렬일 때는 좌상단에 스케일링하지 않은 채로 출력된다.

fitXY

가로, 세로 모두 확장하여 뷰의 크기를 다 채우며 종횡비를 유지하지 않는다.

fitStart

종횡비를 유지하여 스케일링하며 왼쪽, 위쪽에 놓는다.

fitCenter

종횡비를 유지하여 스케일링하며 중앙에 놓는다.

fitEnd

종횡비를 유지하여 스케일링하며 오른쪽, 아래쪽에 놓는다.

center

이미지를 중아에 놓으며 스케일링하지 않는다.

centerCrop

종횡비를 유지하여 스케일링하며 뷰의 크기 이상으로 채운다. 따라서 이미지 일부가 잘릴 수 있다.

centerInside

종횡비를 유지하여 스케일링하며 뷰의 크기 이하로 채운다. 뷰가 더 작으면 이미지 축소가 발생한다.

다음 실습은 스크롤 뷰 안에 이미지 뷰를 여러 개 배치하여 각 속성을 적용하고 효과를 관찰해 보겠습니다.

scaletype.xml

다음은 출력물을 보면서 설명드리겠습니다.

글로 내용을 이해하기 보다는 속성값을 다양하게 변화하여 적용시켜 보시면 이해가 더욱 빠르게 되실 수 있습니다.

이미지뷰의 확대 축소방법을 익혀두시면 원하는 스타일로 표현하기 좋으니 여러번 연습해서 사용법을 익혀 두시기 바랍

니다. ^^

소스가 필요하신 분들은 댓글남겨주시면 보내드리겠습니다~^^

참고 : 안드로이드 프로그래밍 정복 1,2 - 김상경 저

알짜만 골라배우는 안드로이드 프로그래밍 - 마크 머피

반응형

댓글