CODE CAVE

[안드로이드] 백터이미지(svg) 적용하기 본문

Android

[안드로이드] 백터이미지(svg) 적용하기

코드케이브 2017. 11. 13. 16:07

SVG는 백터 이미지로서, 크기를 줄이거나 늘려도 전혀 깨짐이 없습니다.

그래서 안드로이드 해상도별로 각각에 맞춰 이미지를 만들 필요 없이 단 하나의 svg 파일로 해결이 가능합니다.


다만 일반 이미지보다 용량이 클 수 있기 때문에 모든 이미지를 SVG로 하진 않고 주로 아이콘 이미지에 많이 사용되고 있습니다.


적용 방법은 아래와 같습니다.


1. 

res 폴더 우클릭 > New 클릭 > Vector Asset 클릭


2.

Local file 클릭 > svg 파일 선택


3. 

gradle 파일의 defaultConfig 안에 아래 한 줄 추가


vectorDrawables.useSupportLibrary = true


4. 

화면 xml에서 아래와 같이 사용

<android.support.v7.widget.AppCompatImageView
android:id="@+id/ic_profile"
android:layout_width="27dp"
android:layout_height="30dp"
android:adjustViewBounds="true"
app:srcCompat="@drawable/ic_join_title"
android:layout_gravity="center"/>