[Android] 안드로이드 스튜디오에서 벡터 이미지 추가하기

안드로이드 개발을 하다 보면 아이콘이나 일러스트 같은 벡터 이미지를 프로젝트에 추가해야 할 때가 많이 있습니다.
벡터 이미지는 해상도로 부터 독립적인 덕분에 다양한 화면 크기에서도 품질 손상이 없다는 게 장점이라고 볼 수 있습니다.
특히 다크 모드에서도 색상을 코드로 제어할 수 있으니, 앱 퀄리티를 한층 높일 수 있어요
오늘은 안드로이드 스튜디오에서 벡터 이미지를 추가하는 두 가지 방법을 정리해볼게요

---

이런 svg 파일을 이미지로 불러보겠습니다.

1. drawable > New > Vector Asset 으로 추가하기

1. 좌측 Project 패널에서 res > drawable 폴더에 우클릭
2. New > Vector Asset 선택
3. 팝업 창에서 다음 중 하나를 선택
   • Clip Art: 안드로이드가 제공하는 기본 아이콘들 중에서 선택 가능
   • Local file (SVG, PSD): 직접 준비한 SVG 파일을 선택해서 추가
4. Next > Finish를 눌러 추가 완료

이렇게 하면 벡터 이미지가 res/drawable 디렉토리에 .xml 형식으로 생성됩니다.
Jetpack Compose를 쓴다면 painterResource(id = R.drawable.파일명)으로 바로 사용할 수 있고,
기존 XML 레이아웃에선 ImageView의 srcCompat 속성으로 쓸 수 있어요.

---

2. Resource Manager에서 추가하기

1번과 같은 방법으로 추가하려면 n개의 이미지를 하나하나 추가해줘야 하기 때문에 품이 많이 드는 행동입니다.
이럴때 손쉽게 Resource Manager로 이미지를 추가할 수 있습니다.

1. 우측 또는 하단 탭에서 Resource Manager 클릭
   • ResourceManager는 하단에 있을수도, More 버튼을 눌러야 나올 수 있습니다.
   • 저 같은 경우는 테마를 설정해서 아이과 이름이 함께 나오고 있습니다.
   • 안 보인다면 View > Tool Windows > Resource Manager 경로로 열 수 있어요
2. + 버튼 클릭 후 Import Drawables 또는 Import Vector Asset 선택
3. 로컬에 있는 SVG 파일 선택
4. Drawable로 자동 저장되며 프로젝트 리소스에 반영됨
5. 아주 간단한 방법으로 ResourceManager에 바로 Drag & Drop하면 이미지를 추가할 수 있습니다.
   아래와 같은 화면에서 이미지 이름 설정하고 Next -> Import 하시면 됩니다.

이와 같은 방법으로 안드로이드에서 벡터 이미지를 사용할 수 있습니다.

---