According to Apple's guide line, an iPhone app's launch image/splash screen should be a prerendered static image that looks similar to the application's first screen.
Here are some links to Apple's documentations about this:
1) Launch images, iOS human interface guideline:
https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW5
2) App Launch (Default) Images, iOS app programming guide:
https://developer.apple.com/library/ios/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/App-RelatedResources/App-RelatedResources.html#//apple_ref/doc/uid/TP40007072-CH6-SW12
I just wonder how can I create such launch image easily. In most cases, it seems the launch image should be a combination of empty status bar + navigation bar + empty table/view + tab bar, and each of them should be rendered with iOS's predefined color scheme.
But I cannot find any documentation about how I should do this and cannot find any entry in Xcode which seems related with this. Is there any Apple's official tool to render the launch image easily? Or do all the app developers simply use some mockup iPhone controls + Photoshop to do this?
Any help is appreciated. Thanks.
Choose File > New > File. Under User Interface, select Launch Screen, and click Next. Give the launch screen file a name, choose a location, select the target that you want to add the file to, and click Create. In the settings for your target, select the General tab and find the “App Icons and Launch Images” section.
iOS comes with a built-in function called launch image. This image is automatically displayed when user opens the app and disappeared until the app is fully ready to use. You can simply specify your splash screen as launch image in Xcode and it will handle the rest for you.
Splash Screen is the very first screen the user sees when they open up an app on a mobile device. It's the very first chance of creating a positive impact on the users. It appears while the app is loading when the user has just opened up the app. Many times the Splash screen is called a launch screen.
It would not be much of a problem, do compose a static XIB file of your main screen (empty tab bar, empty navigation bar) or whatsoever. Just the backgrounds without any elements or labels placed on them.
You can launch this "empty" application in the iPhone Simulator which has a built-in screenshot function. With additional software like the iPhone Simulator Cropper you can crop the image to the preferred size.
That would be my approach to do this.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With