[Figma] Android Studio 에 SVG 파일 적용하기

 

결과 미리보기!

 

 

이전 글에서 notification에 쓰일 small Icon을 만들어줬습니다.

그럼 이렇게 만든 아이콘을 SVG로 export하여 Android Studio에 적용하는 과정을 진행하겠습니다.

 

Android Notification small Icon의 가이드라인 크기는 24dp x 24dp인데

이미지는 결국 픽셀단위이기 때문에 고정값을 다루면 drawable 별로 이미지를 모두 내보내고 관리해줘야하는 과정이 필요하지만

SVG로 다루게 되면 dp 형태로 이미지를 다룰 수 있어서 이런 불필요한 과정을 모두 줄일 수 있습니다.

 

 

 

우리가 이전 글에서 만들었던 아이콘 파일을 SVG 파일로 내보내줍니다.

 

 

 

 

그리고 Android Studio의 내 프로젝트로 들어가서

 

drawable 리소스파일 오른쪽 클릭 -> New -> Vector Asset을 클릭해줍니다.

 

 

그 이후 라디오 버튼을 Local file로 변경해주고

Path 에서 아까 저장한 그 파일을 불러온 뒤에 Size를 24dp x 24dp로 지정해주면 끝입니다.

 

 

정말 편리하죠??! 다음과 같은 적용된 결과를 만나볼 수 있습니다.