[Android] 적응형 앱 아이콘(Adaptive icon) 적용하기
안녕하세요, 해을입니다🦖
이번 글에서는 적응형 앱 아이콘 적용 방법에 대해 알아보겠습니다!
💡 적응형 앱 아이콘이란?
출처 developer.android.com
적응형 앱 아이콘은 다양한 디바이스에서 여러 가지 형태로 표시될 수 있도록 Android 8.0(API 수준 26)부터 도입된 아이콘으로, 2개의 레이어와 1개의 마스크를 사용하여 정의합니다.
출처 developer.android.com
기기마다 원형, 라운드형, 사각형, 모서리가 둥근 사각형 등으로 표시될 수 있으며,
상하좌우, 확대/축소 등 다양한 시각 효과도 지원합니다.
💡 적용하기
🥨 이미지 에셋 추가
res(오른쪽 마우스) -> New -> Image Asset을 클릭합니다.
🥨 Icon Type 선택
아이콘 타입은 앱 버전에 따라 선택해야 하며, 이번 글에서는 적응형 런처 아이콘을 만들어보겠습니다.
- Android 8.0 버전 지원 : 적응형 런처 아이콘 및 레거시 런처 아이콘
- Android 7.1 이하 버전 지원 : 레거시 런처 아이콘
🥨 Layer 설정 - Foreground Layer
앱 아이콘 앞쪽에 깔리게 되는 Foreground Layer에 로고를 불러옵니다.
이때 사용하는 로고 타입에 맞게 Asset Type을 설정합니다.
Resize 슬라이더를 사용하여 크기를 조절합니다.
(Preview 속 동그란 원 안에 들어가야 로고가 잘리지 않습니다)
🥨 Layer 설정 - Background Layer
앱 아이콘 뒤쪽에 깔리게 되는 Background Layer에 배경색을 지정합니다.
저는 Color Type으로 설정한 후, 검은색 바탕을 설정했습니다.
🥨 이미지명 설정
이미지 명을 확인한 후에 다음으로 넘어갑니다.(저는 디폴트 값을 그대로 사용했습니다)
아이콘을 교체하기 위해 기존의 이름을 사용하는 경우, 겹친다는 의미로 빨갛게 표시됩니다.
🥨 설정 확인
Manifest 파일에서 icon명을 확인한 후, 실행하면 변경된 아이콘을 확인할 수 있습니다.
💡 느낀 점
이번 경험을 통해 앱 발전에 따라 아이콘도 다양한 형태로 변화하고 있다는 것을 깨닫게 되었는데요.
원리, 효과, 크기 등 적응형 아이콘에 대해 자세히 알 수 있었던 시간이었습니다.
아이콘이 여러 형태로 표시 가능해지니 앱의 개성이 더욱 살아나는 것 같네요:)
자! 이렇게 해서 적응형 앱 아이콘 적용 방법에 대해 알아봤는데요.
글을 읽어주신 분들께 도움이 됐으면 좋겠습니다😊
다음 글에서는 또 다른 유용한 view 관련 내용에 대해 소개해 드리도록 하겠습니다.
오류 및 오타 지적, 질문, 인사 등 무엇이든 언제나 환영입니다!
읽어주셔서 감사합니다.
끝!🦕
