[android] ImageView ScaleType Tutorial

android, ImageView Scale Type Tutorial

ImageView ScaleType

matrix

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

이미지가 resize 되지 않는다.

ImageView ScaleType matrix 큰 사진

ImageView ScaleType matrix 작은 사진

fit_xy

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

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

ImageView ScaleType fit_xy 큰 사진

ImageView ScaleType fit_xy 작은 사진

fit_start

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

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

이미지가 ratio 가 유지된다.

ImageView ScaleType fit_start 큰 사진

ImageView ScaleType fit_start 작은 사진

fit_center ( default value )

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

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

이미지의 ratio 가 유지된다.

ImageView ScaleType fit_center 큰 사진

ImageView ScaleType fit_center 작은 사진

fit_end

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

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

이미지 ratio 가 유지된다.

ImageView ScaleType fit_end 큰 사진

ImageView ScaleType fit_end 작은 사진

center

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

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

ImageView ScaleType center 큰 사진

ImageView ScaleType center 작은 사진

center_crop

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

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

ImageView ScaleType center_crop 큰 사진

ImageView ScaleType center_crop 작은 사진

center_inside

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

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

ImageView ScaleType center_inside 큰 사진

ImageView ScaleType center_inside 작은 사진

center, center_crop, center_inside, default value, fit_center, fit_end, fit_start, fit_xy, ImageView, ImageView ScaleType, Matrix, Ratio, Resize, scaletype, view bound, [android] ImageView ScaleType Tutorial