본문 바로가기
프로그래밍 놀이터/안드로이드, Java

[android] ImageView ScaleType Tutorial

by 돼지왕 왕돼지 2013. 11. 7.
반응형


 android, ImageView Scale Type Tutorial

 

ImageView ScaleType


matrix


ImageView 의 틀을 기준으로 왼쪽 상단을 꼭지점으로 표시된다.

이미지가 resize 되지 않는다.



[android] ImageView ScaleType TutorialImageView ScaleType matrix 큰 사진


[android] ImageView ScaleType TutorialImageView ScaleType matrix 작은 사진




fit_xy


ImageView 의 틀에 딱 맞추어 이미지를 resize 하여 보여준다.

찌그러져 보일 확률이 높다.



[android] ImageView ScaleType TutorialImageView ScaleType fit_xy 큰 사진


[android] ImageView ScaleType TutorialImageView ScaleType fit_xy 작은 사진







fit_start


ImageView 의 틀에 맞게 비율을 조정하되, 이미지 시작점을 상단에 맞춘다.

가로 세로 중 먼저 fit 되는 쪽 기준으로 표시가 된다.

이미지가 ratio 가 유지된다.


[android] ImageView ScaleType TutorialImageView ScaleType fit_start 큰 사진


[android] ImageView ScaleType TutorialImageView ScaleType fit_start 작은 사진




fit_center ( default value )


ImageView 의 틀에 맞게 비율을 조정하되, 이미지 시작점을 중단에 맞춘다.

가로 세로 중 먼저 fit 되는 쪽 기준으로 표시가 된다.

이미지의 ratio 가 유지된다.


[android] ImageView ScaleType TutorialImageView ScaleType fit_center 큰 사진


[android] ImageView ScaleType TutorialImageView ScaleType fit_center 작은 사진




fit_end


ImageView 의 틀에 맞게 비율을 조정하되, 이미지 시작점을 하단에 맞춘다.

가로 세로 중 먼저 fit 되는 쪽 기준으로 표시가 된다.

이미지 ratio 가 유지된다.


[android] ImageView ScaleType TutorialImageView ScaleType fit_end 큰 사진


[android] ImageView ScaleType TutorialImageView ScaleType fit_end 작은 사진







center


ImageView 의 center를 기준으로 이미지가 배치되며,

이미지가 resize 되지는 않는다.


[android] ImageView ScaleType TutorialImageView ScaleType center 큰 사진


[android] ImageView ScaleType TutorialImageView ScaleType center 작은 사진




center_crop


center 를 기준으로 보았을 때 ImageView 의 남는 공간 ( 넘어가지 않은 공간 )을

ImageView 의 틀에 꽉 채운다. ratio 는 지키며 resize 가 된다.


[android] ImageView ScaleType TutorialImageView ScaleType center_crop 큰 사진


[android] ImageView ScaleType TutorialImageView ScaleType center_crop 작은 사진







center_inside


center 를 기준으로 비율을 유지(ratio)하면서 View bound 에서 넘어가는 이미지의 경우 

ImageView 에 채우는 resize 를 한다. ( 작은 이미지는 resize 하지 않는다. )


[android] ImageView ScaleType TutorialImageView ScaleType center_inside 큰 사진


[android] ImageView ScaleType TutorialImageView ScaleType center_inside 작은 사진






반응형

댓글