Short and Sweet: Launch Screens

A launch screen, if you choose to create one, appears instantly while your app is loading. It gives the impression that your app is fast and responsive. We’ve all seen them and if you’re creating iOS applications there’s a huge possibility that you’ll be using them. Here’s a quick breakdown of how to create your launch screen and what you’ll need.

So many launch screens!

Here’s what you’ll need:

  • Your image, preferably in .PNG format as opposed to JPEG
  • (Download) Asset Catalog Creator — this takes any image and provides the you with a set of icon and launch screen images.
  • Your LaunchScreen.storyboard in Xcode

Here’s what you need to do:

  • Under your General tab, make sure your ‘LaunchScreen’ file is chosen
  • Navigate to ‘LaunchScreen.storyboard’
  • Under the Attribute Inspector set ‘LaunchScreen.storyboard’ as the ‘initial View Controller’
  • Hold up! Do you have your photo yet? If not go ahead and procure the photo you’d like to use for your launch screen.
  • After you obtain your photo, open your Asset Catalog Creator
  • Drop and drop your image file into the Asset Catalog Creator
  • Click “Create”
  • Add your newly created launch screen image file to your project
  • Navigate back to ‘LaunchScreen.storyboard” and in your view controller add an image view
  • Don’t forget to add the constraints for this image view
  • Finally, under your Attributes Inspector, set your image for your image view, as pictured below:

Now, you should be all set to go! When you run your app your launch screen should appear for about two seconds before displaying your app.

Additional notes:

  • Apple says you shouldn’t put any text in your launch screen, but that rule isn’t enforced.
  • Your launch app can be animated
  • and you can customize the delay time