layer-list 사용하여 이미지 합치기

layer-list

 

• 최근 토이프로젝트를 진행하면서 원모양 안에 아이콘이 필요하여 vector icon들을 합칠 필요가 있었다. 안드로이드에서는 해당 기능을 지원하기 위해 layer-list를 제공해주고 있었는데 사용방법을 정리하고자 한다.

 

• 사용방법은 위 소스코드와 같이 layer-list로 wrap 해준 후 item 태그에 합칠 아이콘들을 차례대로 나열해주면 된다. 여백이 필요할 경우 위와 같이 top bottom left right에 필요한 만큼 마진을 주어 조절할 수 있다.

 

 

 

• 결과

위 아이콘 처럼 원 vector 이미지와 음소거 이미지가 합쳐진걸 볼수 있다.