I followed the guidelines on making the static launch screen images.
Yet, then I added the images to the xcassets as LaunchImage
However, they did not fill in the asset as expected. There are warnings warn about I need to have screen sizes such as 2208x1242, etc. Where I can have all the sizes needed for an App?
Also, why there is no iPad Pro launch images? How can I add it? Thanks.
If you drag an image into the launch image asset catalog, it will warn you that it's not the right dimensions, and will tell you what the dimensions should be. From that you 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
Note, it wouldn't give me the dimensions for the 12" iPad, so I got that from the iOS Human Interface Guidelines - Launch Screen which you included in your question.
To anyone reading this and is giving up hope on adding old style Launch Images for iPad Pro 10.5 inch, 11 inch and 12.9 inch, you can add them without using the Storyboard or Launch Screen thing in XCode.
The way we did it was by editing the .plist of our app:
<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 filenames:
iPad Pro 10.5": Default-Portrait@2x~ipad
iPad Pro 11": [email protected]
iPad Pro 12": Default-Portrait-iPadPro@2x~ipad
Tested on all 3 of those devices and it works.
Hope this helps someone!
Launch Screens should probably be taken care of by Storyboards rather than static images. However the Launch Screens aren't included in your Main.storyboard file. That way, Xcode will resize everything as expected with Auto Layout and you don't have to fill your app with tons of image files. So it'll work with the iPad Pro sizes 9.7" 2048 x 1536px and 12.9", 2732 x 2048px.
In Xcode, go to File > New File > Launch Screen (Under the User Interface header) > then all the usual location and target adding bits.
Creating a new Launch Image file
Edit it like you would in Interface Builder. As far as I'm aware, you can't assign a Class to it so don't expect any animations.
