[Dev, flutter] 플러터로 iOS 앱 개발 시작하기 (8) - 앱 아이콘, 런치 스크린

앞서 배운 예제들 정도면 flutter로 간단한 앱은 구현할 수 있을 것이다. 앱의 껍데기를 덮는 걸 마지막으로 flutter 기초를 마무리 지어 보자!

 

앱 아이콘

App Icon Generator

 

먼저 앱 아이콘을 바꾸기 위해서는 크기 별로 png 파일이 필요하다. 위 링크를 따라가서 정방형 이미지를 업로드하면, iOS와 Android에서 바로 사용할 수 있는 형식으로 변환해 준다.

 

 

다운로드 받은 두 파일은 다음과 같다. 파일 형식이 이미 다 맞춰져 있기 때문에 이 녀석들이 들어갈 위치에 그대로 넣어주기만 하면 된다!

 

 

Android는 mipmap들을, iOS는 AppIcon.appiconset을 통째로 교체해 주면 끝!

 

참고로 저 로고는 이번 해커톤 팀 프로젝트로 제작한 코다 아이콘이다. 너무 귀엽네

런치 스크린

 

Xcode를 열어서 LaunchScreen 스토리보드에 원하는 디자인으로 구성해준다.

 

사실 앱 자체가 초반에 이것저것 불러들일 게 많으면 이 런치스크린에서 처리하기 때문에 이 화면을 오래 볼 수 있지만, 이렇게 예제로 만들어 볼 경우에는 너무 확 넘어가서 잘했는지 구별이 안 갈 수도... 그래서 약간의 기믹을 줘 보자! 런치스크린이 등장하고 2초의 딜레이를 주는 코드를 AppDelgegate에 작성해 주면 된다.

 

 

끝!