[iOS - SwiftUI] 앱 아이콘과 리퀴드글래스 (#Icon Composer, foreground layer, background layer, .icon)

변경된 앱 아이콘 컨셉

• 예전에는 맥북, 아이폰, 애플워치 마다 같은 성격의 설정 앱이라도 이미지가 미세하게 달랐었음

• 하지만 이제는 매우 심플하게 처리
  • 맥북, 아이폰: 네모난 배경
  • 애플워치: 동그란 배경

• 이렇게 처리하게된 배경에는 `foreground layer`, `background layer`, `.icon`과 관련된 개념이 생겨나서 부터 확립

Icon Composer (layer와 .icon)

• 애플에서는 앱 아이콘을 정의할때 layer(*층)라는 것을 두어서 이것을 사용하여 앱 아이콘을 표현함
• 층을 두어서 입체적으로 표현하려는것이 목적
• 층(layer)들을 합쳐놓은(Composer)것을 Icon Composer라고 지칭

• 이 개념에 의해, 이제 여러가지의 앱 아이콘 제작이 없이, 단순히 각 layer를 표현하는 이미지만 애셋에 등록하는 형태

 Icon Composer 적용방법

• 애플 developer 사이트 > 다운로드 > Icon Composer 검색
• 아래 파일 설치

• 오픈

• layer를 쌓으려면 좌측하단 > 플러스 버튼을 눌러서 group 이나 image 추가

(이미지 추가 하면 위에 layer처럼 쌓임)

* 용어 참고 (https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer)

• 저장 (cmd + s)

• 이 파일을 Xcode 프로젝트 폴더에다가 드래그 앤 드롭

• 주의) Assets 폴더 안에 넣는것이 아닌 그 밖에다 배치해야함
• Xcode > Target > App Icon에 "myIcon" 입력하고 App Icons sources에 체크하면 완료

• 변경된 것 확인 완료

* 참고

- https://youtu.be/l-9tYm0U998

- https://developer.apple.com/kr/icon-composer/