IOS: launch image for all devices, including iPad Pro

Question

I followed the recommendations for creating static images of the launch screen.

However, I added images to xcassets as LaunchImage

However, they did not fill out the asset as expected. There are warnings that I need to have screen sizes such as 2208x1242, etc. Where can I have all the sizes needed for the application?

Also, why aren't there images to launch the iPad Pro? How can i add it? Thanks.

Answer 1

If you drag an image into the asset directory of the startup image, it will warn you that these are not the right sizes and tell you what dimensions should be. From this we can conclude:

  iPhone Portrait iOS 5, 6@1x : 320x480
 iPhone Portrait iOS 5, 6@2x : 640x960
 iPhone Portrait iOS 5, 6@Retina 4: 640x1136

 iPad Portrait Without Status Bar iOS 5, 6@1x : 768x1004
 iPad Portrait Without Status Bar iOS 5, 6@2x : 1536x2008

 iPad Portrait iOS 5, 6@1x : 768x1024
 iPad Portrait iOS 5, 6@2x : 1536x2048

 iPad Landscape Without Status Bar iOS 5, 6@1x : 1024x748
 iPad Landscape Without Status Bar iOS 5, 6@2x : 2048x1496

 iPad Landscape iOS 5, 6@1x : 1024x768
 iPad Landscape iOS 5, 6@2x : 2048x1536

 iPhone Portrait iOS 8, 9@Retina HD 5.5: 1242x2208
 iPhone Portrait iOS 8, 9@Retina HD 4.7: 750x1334

 iPhone Landscape iOS 8, 9@Retina HD 5.5: 2208x1242

 12.9-inch iPad Pro Portrait: 2048x2732
 12.9-inch iPad Pro Landscape: 2732x2048

 iPhone Portrait iOS 7-9@2x : 640x960
 iPhone Portrait iOS 7-9@Retina 4: 640x1136

 iPad Portrait iOS 7-9@1x : 768x1024
 iPad Portrait iOS 7-9@2x : 1536x2048

 iPad Landscape iOS 7-9@1x : 1024x768
 iPad Landscape iOS 7-9@2x : 2048x1536

 iPhone X Portrait iOS 11+: 1125 × 2436
 iPhone X Landscape iOS 11+: 2436x1125

Please note that this would not give me the dimensions for the 12-inch iPad, so I got it from the iOS Human Interface Guide - the screen launch that you included in your question.

Answer 2

Updated image with asset size annotations:

Answer 3

In Assets.xcassets, click the + button → Application Icons and Image Launch → New iOS Launch Image

Answer 4

Triggering screens probably need to take care of the faders, not static images. However, startup screens are not included in the Main.storyboard file. Thus, Xcode will resize everything as expected using Auto Layout, and you do not need to fill the application with a large number of image files. Thus, it will work with the iPad Pro 9.7 "2048 x 1536px and 12.9", 2732 x 2048 pixels in size.

In Xcode, go to File > New File > Run Screen (under the UI header)> then all the usual local and target bits to add.

Creating a New Launch Image File

Edit it as in Interface Builder. As far as I know, you cannot assign a class to it, so do not expect animation.

Xcode showing startup screen in interface builder

Answer 5

Anyone reading this and hoping to add older versions of Launch Images for the iPad Pro 10.5, 11 and 12.9 inches can add them without using the Storyboard or Launch Screen in Xcode.

We did this by editing the .plist of our application:

<key>UILaunchImages</key> <array> <dict> <key>UILaunchImageMinimumOSVersion</key> <string>7.0</string> <key>UILaunchImageName</key> <string>Default-Portrait</string> //iPad Pro 10.5" <key>UILaunchImageOrientation</key> <string>Portrait</string> <key>UILaunchImageSize</key> <string>{768, 1024}</string> </dict> <dict> <key>UILaunchImageMinimumOSVersion</key> <string>12.0</string> <key>UILaunchImageName</key> <string>Default-Portrait-1194h</string> //iPad Pro 11" <key>UILaunchImageOrientation</key> <string>Portrait</string> <key>UILaunchImageSize</key> <string>{834, 1194}</string> </dict> <dict> <key>UILaunchImageMinimumOSVersion</key> <string>9.0</string> <key>UILaunchImageName</key> <string>Default-Portrait-iPadPro</string>//iPad Pro 12" <key>UILaunchImageOrientation</key> <string>Portrait</string> <key>UILaunchImageSize</key> <string>{1024, 1366}</string> </dict> </array> 

(Be sure to remove the // iPad Pro comments, obviously!)

And here are the file names:

iPad Pro 10.5 ": default portrait @ 2x ~ ipad

iPad Pro 11 ": default is portrait [e-mail]

iPad Pro 12 ": default-Portrait-iPadPro @ 2x ~ ipad

Tested on all 3 of these devices and it works.

Hope this helps someone!