[Android] Vector Asset을 활용한 아이콘 생성 및 활용

안드로이드 스튜디오를 사용하면서 바로 활용 가능한 Vector Asset를 알게 되었다.

 

#  Vector Asset 란?

Android 개발자 사이트에서는 Vector Asset에 대해서 이렇게 설명한다. 

 

출처 : https://developer.android.com/studio/write/vector-asset-studio?hl=ko

 

---

 

실제로 안드로이드 스튜디오에서 실행을 해보았다

 

Android Studio에서 Vector Asset을 실행

 

각 항목에 대해서 간단히 설명하려고 한다. 

 

• Asset Type
  • Clip Art: 머티리얼 디자인에서 제공하는 클립 이미지 중 하나를 사용할 때 선택
  • Local file: 직접 만든 svg 혹은 psd 파일을 사용할 때 선택
• Name : 파일 이름을 입력,  해당 파일은 res/drawable 폴더에 저장됨
• Clip Art : 머티리얼 아이콘 중 하나를 선택할 수 있음
• Size : 이미지 크기를 나타냄 (기본 사이즈는 24 x 24 dp )
• Color : 아이콘의 색상
• Opacity : 투명도를 설정
• Enable auto mirroring for RTL layout : 레아이웃이 좌-우(default) 가 아닌 우-좌 인 경우 아이콘을 뒤집음

 

---

#  Vector Asset을 활용한 아이콘 제작

Vector Asset은 두가지 방법으로 실행이 가능하다.

 

1. File > new > Vector Asset

 

File > new > Vector Asset

 

2. Resource Manager > "+" 버튼 클릭 > Vector Asset

 

Resource Manager > "+" 버튼 클릭 > Vector Asset

 

---

위의 방식으로 Vector Asset을 실행하면 아래와 같은 창이 뜨는 것을 확인할 수 있음

 

Vector Asset이 실행된 모습

 

Vector Asset에서 제공하는 아이콘의 모습들

 

원하는 아이콘 클릭 후 Next

 

저장 위치 확인 및 Finish

 

확인

 

---

Vector Asset 적용 UI 및 코드