Ios splash image 띄우기 (Renewal)

앱이 시작될때 스플래시 이미지를 노출시킬수 있습니다.

스플래시 이미지를 사용하는 이유는 다양할 것입니다.

 

1. 앱이 켜지자 마자 스플래시 이미지가 노출되므로 반응이 빠르다라는 느낌을 줄수도 있고(앱의 반응성)

2. 스플래시 이미지를 노출시켜주는 동안 앱에 필요한 데이터를 불러올 수도 있습니다.

3. 앱의 간략한 정보를 제공하려도 사용할 수 있을 것입니다.

카카오톡 실행 화면

 

 

이러한 스플래시 이미지는 어떻게 노출시켜줄 수 있을까요?

 

앱을 웹뷰로 만든다면 웹에서 이미지를 전체화면으로 노출시켜줄수 있을것이고

네이티브의 기능을 이용하여 띄어줄수도 있을것입니다.

저는 좀 더 빠른 반응을 위하여 네이티브의 기능을 이용하는것을 선호합니다.

아래는 ios에서 splash image를 노출시켜주는 방법에 관한 내용입니다.

 

 

1. 필요한 이미지를 준비합니다.
2. General -> App Icons and Launch Images -> Launch Screen File
3. LaunchScreen.storyboard에서 image view 추가
4. image view 커스터 마이징

 

 

1. 필요한 이미지를 준비합니다.

=> 각자 필요한 이미지를 준비하면 됩니다. 
png 파일을 준비하여야 합니다.

jpg는 지원해주지 않습니다. gif도 마찬가지 입니다.

 

 

---

 

2. General -> App Icons and Launch Images -> Launch Screen File

=> 소제목에 나와있는 위치로 가서 Launch Screen File에 노출시켜주길 원하는 storyboard를 선택해 줍니다.

프로젝트를 storyboard를 이용하는 것으로 설정하였고.

별도의 작업을 하지 않았다면 LaunchScreen.storyboard 파일은 default로 생성되어 있을 겁니다.

 

---

 

3. LaunchScreen.storyboard에서 image view 추가

=> view 아래에 imageView를 추가해줍니다. 

추가 하는 버튼은 찾기 어려울 수 있는데 아래 사진에 보이는 +를 누르면 됩니다.

상단 헤더 툴바에 위치해 있습니다.

 

---

 

4. image view 커스터 마이징

=> 추가된 이미지 view를 선택하고 오른쪽의 메뉴에서 image, view의 content 모드, 사이즈등을 직접 드래그 해서 원하는 형태로 노출시켜줄 수 있습니다.

 

아래 영상은 추가한 스플래시 이미지의 구현영상입니다.