[Android] ImageView - scaleType

1. scaleType이란?

---

ImageView의 범위와 크기나 위치 비율등을 제어해 image를 효과적으로 보여주기 위해 사용하는 속성이다

 

 

 

https://developer.android.com/reference/android/widget/ImageView.ScaleType

ImageView.ScaleType  |  Android Developers

2. center

---

android:scaleType="center"

이미지 원본 크기와 비율을 유지하며 이미지의 중앙을 layout_width, layout_height 안에 출력한다

이때 layout보다 이미지가 크면 layout의 벗어난 이미지는 출력되지 않으며 layout보다 이미지가 작으면 이미지를 center에 정렬한다

3. centerCrop

---

android:scaleType="centerCrop"

이미지의 가로/세로의 길이 중 짧은 쪽을 ImageView의 layout에 꽉 차게 크기를 맞춰 출력한다

이때 원본 이미지 가로/세로의 비율은 유지되고 layout 영역에서 벗어난 이미지는 출력되지 않는다

이미지가 layout 규격에 전체를 덮게 확대 축소된다

 

 

4. centerInside

---

android:scaleType="centerInside"

이미지의 가로/세로의 길이 중 긴 쪽을 ImageView의 layout에 맞춰서 출력합니다. 이 때 원본 이미지의 가로/세로 비율은 유지되고 layout에 이미지외 빈공간은 background 속성의 color로 채워집니다. fitCenter와 다른점은 원본 이미지가 ImageView의 layout보다 작다면, 이미지의 크기는 유지됩니다.

 

 

5. fitCenter

---

android:scaleType="fitCenter"

이미지의 가로/세로의 길이 중 긴 쪽을 ImageView의 layout에 맞춰서 출력합니다. 이 때 원본 이미지의 가로/세로 비율은 유지되고 layout에 이미지외 빈공간은 background 속성의 color로 채워집니다. centerInside와 다른점은 이미지의 크기가 ImageView의 레이아웃 크기에 따라 변합니다.

7. fitEnd

---

android:scaleType="fitEnd"

 

ImageView layout 안에서 이미지의 가로/세로 비율을 유지하며 출력되지만 

ImageView의 layout의 오른쪽 하단을 기준으로 정렬된다.

8. fitStart

---

android:scaleType="fitStart"

ImageView layout 안에서 이미지의 가로/세로 비율을 유지하며 출력되지만 ImageView의 layout의 왼쪽 상단을 기준으로 정렬된다.

 

 

9. fitXY

---

android:scaleType="fitXY"

가로/세로 비율에 상관없이 ImageView의 레이아웃의 각 면에 꽉 차게 출력된다.