'2017/01/11'에 해당되는 글 1건

  1. 2017.01.11 scaleType 에따른 표시 효과

** ImageView속성중 scaleType 에따른 표시 효과 **

 

 

 

  1. ImageView 설정 예제

 

<ImageView
    android:id="@+id/image1"
    android:layout_width="100dp"
    android:layout_height="400dp"
    android:src="@mipmap/kokonut"
    android:scaleType="centerCrop"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true" />

 

 

 

 

2. 8 가지 Type

         - 주의 할점은 이 속성은 android:src로 이미지를 불러왔을 때 적용되며 

             android:background로 불러오면 이 속성은 적용 되지 않는다.

속성값

java

설명

matrix

setScaleType(ImageView.ScaleType.MATRIX)

원본 크기 그대로 보여줌 (왼쪽 상단 정렬)

Center

setScaleType(ImageView.ScaleType.CENTER)

원본 크기 그대로 보여줌 (가운데정렬)

centerCrop

setScaleType(ImageView.ScaleType.CENTER_CROP)

View 영역에 공백이 있으면 채워서 보여줌(비율유지)

(ImageView 영역은 match_parent(fill_parent)이다)

ImageView 영역에 공백이 있을 경우 비율을 유지하며 이미지를 늘린다.

centerInside

setScaleType(ImageView.ScaleType.CENTER_INSIDE)

View 영역을 벗어나면 맞춰서 보여줌(비율유지)

centerCrop과는 반대로 ImageView 영역을 벗어나면 비율을 유지하며 줄어든다.

fitStart

setScaleType(ImageView.ScaleType.FIT_START)

View 영역에 맞게 보여줌 (왼쪽상단 정렬비율유지)

fitStart centerInside와 같으며 정렬은 왼쪽 위라는 것이 다르다.

fitCenter

setScaleType(ImageView.ScaleType.FIT_CENTER)

View 영역에 맞게 보여줌 (가운데정렬비율유지)

fitCenter centerInside와 같은 기능을 한다.

fitEnd

setScaleType(ImageView.ScaleType.FIT_END)

View 영역에 맞게 보여줌 (왼쪽하단 정렬비율유지)

fitEnd centerInside와 같으며 정렬은 왼쪽 아래인 것이 다르다.

fitXY

setScaleType(ImageView.ScaleType.FIT_XY)

View 영역을 가득 채워서 보여줌(비율유지 안함)

fitXY는 비율에 상관없이 ImageView영역을 가득 채운다.

Posted by 농부지기
,