Xcode 앱 아이콘 - Xcode aeb aikon

1.  아이콘 이미지 준비하기 - 사이즈 별로 준비하는 방법

원하는 아이콘 이미지를 준비했다면, 아래 사이트에 들어가 리사이징해줍니다.

App Icon Generator

appicon.co

사이트에 드래그해서 이미지를 넣고 아래 Generate 버튼 클릭!!

Xcode 앱 아이콘 - Xcode aeb aikon

2. Assets 설정

Generate 클릭 시 바로 AppIcons.zip 파일이 다운됩니다.

zip 파일을 열면 다음과 같이 AppIcon.appiconset 이란 폴더 안에 사이즈 별로 이미지들이 들어있어요!

이 폴더 '그대로' Xcode의 Assets.xacassets에 드래그하여 넣어줍니다!!

Xcode 앱 아이콘 - Xcode aeb aikon

드래그 시 확인하면 다음과 같이 제대로 import 되어있어요~~👍🏻

Xcode 앱 아이콘 - Xcode aeb aikon

빌드해보면 다음과 같이 앱아이콘이 잘 적용되어 있음을 확인 가능합니다. 😊

Xcode 앱 아이콘 - Xcode aeb aikon

💡  앱아이콘 설정 후 반영 안 되는 경우 

1. Build Settings 확인

TARGETS > Build Settings > Asset Catalog compiler - Options > Primary App Icon Set Name이

AppIcon으로 되어있는지 확인

Xcode 앱 아이콘 - Xcode aeb aikon

2. Build Settings에 "Asset Catalog compiler - Options"이 없는 경우

이것은 내가 한 실수,,, ㄷㄷ

앱 아이콘이 설정해도 반영이 안되었다... 다른 프로젝트에서는 되는데... 두 프로젝트의 차이점은  Build Settings에 "Asset Catalog compiler - Options"의 유무였다.

반영이 안되는 프로젝트에서는 아무리 찾아도 저 옵션이 없었다.

직접 옵션 넣는 방법을 구글링해봐도 안 나와서 직접 프로젝트 내에서 찾아보다가 발견...!!!!

Assets.xcassets 파일이 Target Membership 체크가 안되있던 것!!!!!

체크하니 바로 옵션이 생겨서 설정해줬더니 바로 반영되었다. Eww....😭

Xcode 앱 아이콘 - Xcode aeb aikon

728x90

메모 앱을 만들기 전에 앱 아이콘을 먼저 변경해보려고 한다. 일단 프로젝트 생성부터! 

[M1 Mac] XCODE(12.5.1) 프로젝트 생성 후 Git 연동

1. project 생성하기 Choose options for your new project : iOS - APP - Next Product Name 프로젝트에 사용할 제목을 입력 Team 애플 개발자 계정을 선택 / 없다면 비워두자. Organization Identifier 회사명..

truecode-95.tistory.com

Xcode 앱 아이콘 - Xcode aeb aikon

1. 프로젝트 생성 후 Assets.xassets를 클릭한다. 

Assets.xassets에 이미지를 직접 넣는 방법과 프로젝트 폴더를 통해 넣는 방법 중 두 번째 방법을 선택했다.

Xcode 앱 아이콘 - Xcode aeb aikon

2. 아이콘 이미지 생성 

Xcode 앱 아이콘 - Xcode aeb aikon
폰으로 대충 만들어본 아이콘

3. 사이트 접속 - 2번에 생성한 이미지를 넣고 - Generate 클릭

    모든 크기에 맞는 이미지를 생성해주는 사이트 

App Icon Generator

appicon.co

Xcode 앱 아이콘 - Xcode aeb aikon

4. Finder - 다운로드 받은 zip 파일 압축 풀기

Xcode 앱 아이콘 - Xcode aeb aikon

5. Assets.xassets 우클릭 - Show in Finder 

Xcode 앱 아이콘 - Xcode aeb aikon

6. 3번에서 다운로드한 파일 AppIcons -> Assets.xcassets -> AppIcon.appiconset 이미지들을

프로젝트 경로 그대로 복사 붙여넣기.

Xcode 앱 아이콘 - Xcode aeb aikon
Xcode 앱 아이콘 - Xcode aeb aikon

7. Assets.xassets 아이콘 확인

Xcode 앱 아이콘 - Xcode aeb aikon

8. 실행 

Xcode 앱 아이콘 - Xcode aeb aikon

저작자표시

'iOS' 카테고리의 다른 글

[M1 Mac] XCODE(12.5.1) swift life cycle  (0) 2021.08.11
[M1 Mac] XCODE(12.5.1) Could not attach to pid ERROR  (0) 2021.08.08
[M1 Mac] XCODE(12.5.1) swift 계산기 만들기 (3)  (1) 2021.07.24
[M1 Mac] XCODE(12.5.1) swift 계산기 만들기 (2)  (0) 2021.07.23
[M1 Mac] XCODE(12.5.1) 화면 분할 방법  (2) 2021.07.23