[iOS/Swift] Launch Screen :: 앱의 시작 화면

Launch screen

Launch Screen 은 앱이 시작될 때 나타났다가 앱의 첫번째 화면으로 빠르게 전환된다. 앱이 실행되고 사용될 준비가 되었음을 알려주는 역할을 하며, 앱이 빠르고 반응적이라는 인상을 주기 위해 사용된다. 가이드에서 시각적인 효과를 주기 위해 사용되는 것은 아니라고 한다. 

 

안드로이드 개발시에는 Splash screen 이라고 불렀는데, iOS 에서는 Launch Screen 이라고 부르는 점이 다르다. 

Launch screen in Xcode

Xcode 프로젝트는 launch screen 을 위해 launch storyboard 를 제공한다. 유저가 앱을 처음 실행했을 때, 시스템은 앱의 UI를 화면에 보여줄 준비가 될 때까지 launch storyboard 를 보여준다. 만약 앱이 빠르게 초기화 작업을 끝내고 UI를 준비했다면, 유저는 짧은 시간동안 launch screen 을 보게될 것이다. 

 

Launch screen storyboard 를 새로 만들지 않으면 기본적으로 설정이 적용 되어있다. 새로 파일을 만들고 변경해야 할 경우에는 Target > General 설정에서 변경할 수 있다. 

Launch screen storyboard 를 이용하면 기기나 멀티태스킹으로 인해 다른 스크린 사이즈에 적합하게 대응할 수 있다. main storyboard 에서 작업하는 것과 마찬가지로 view 를 추가하고, auto layout 을 이용해 환경마다 적합한 사이즈와 위치를 조정할 수 있다. 

 

가이드에서는 텍스트로 Launch screen 을 만들지 않도록 권장하고 있으나, 예제를 위해서 이용했다.

 

launch screen 에 static image 를 사용하는 것은 스크린 사이즈마다 대응하기 어렵기 때문에 사용하지 않도록 가이드하고 있다. 다른 글에서는 launch image 를 사용하는 경우가 있어 Xcode 에서 살펴보니 Deprecated 된 방식이라고 나와있다. 

Storyboard 만 추가하고 앱을 실행해보면 Launch screen 이 정상적으로 나타난다.

 

반응형

 

Initialize Your App's Data Structures

앱이 시작되는 순간 필요한 initialization code 는 다음 method 에 작성하면 된다. UIKit 은 해당 method 들을 앱의 launch cycle의 시작단계에서 호출한다. 

application(_:willFinishLaunchingWithOptions:)

application(_:didFinishLaunchingWithOptions:)

 

앱의 data structure 초기 설정과 app 이 실행되기 위한 준비가 필요하다면 해당 method 에서 진행하자. 다음과 같은 작업들이 해당된다.

• 앱의 data structure 를 초기화하는 작업
• 앱이 실행되기 위해 필요한 resource 를 가지고 있는지 증명하는 작업
• 앱이 실행될 때 한번만 필요한 설정을 수행하는 작업 (템플릿 불러오기 등)
• 앱 사용에 필요한 critical services 를 연결하는 작업 (앱이 알람을 보낼 수 있도록 Apple Push Notification service 를 연결하는 등)
• Launch options dictionary 를 확인하는 작업

앱을 시작할 때 어떤 작업이 필요한지 아직 감이 안왔지만, 나중에 필요한경우 위에 해당하는 경우인지 확인해봐야겠다.

 

Launch Screen 의 디스플레이 시간 조정하기

각 View 마다 Label 하나씩 갖고 있는 앱으로 확인해봐서 그런지 굉장히 빠른 시간에 Launch Screen 이 사라졌다. 위에서 언급한 mehod 에서 딜레이를 줘서 길게 디스플레이 되도록 할 수 있다. 근데, 어플에 네트워킹 작업이 추가되고 UI 구조가 복잡해진다면 굳이 설정할 필요가 없을 것 같다. 위에서도 작업이 빨리 끝나면 유저가 잠깐 보게된다고 했으니 꼭 필요하지 않다면 조절하지 않는게 좋은 것 같다.

class AppDelegate: UIResponder, UIApplicationDelegate {

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        sleep(1)
        return true
    }
    // ...
}

---

 참고 문서

• Human Interface Guidelines [Launch screen]
• Apple Developer Documentation [Responding to the launch of your app]

참고 블로그

• minominodomino.github.io/devlog/2019/05/12/ios-splashScreen/
• yzzzzun.tistory.com/22

 

함께 보면 좋을 영상

• https://jellysong.tistory.com/140

[WWDC2017] Love at First Launch