iOS：为所有设备启动图像，包括iPad Pro

Question

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.

Answer 1

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.

Answer 2

Updated image with asset dimensions annotated :

Answer 3

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": Default-Portrait-1194h@2x.png

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

Tested on all 3 of those devices and it works.

Hope this helps someone!

Answer 4

In Assets.xcassets click + button -> App Icons & Launch Images -> New iOS Launch Image

Answer 5

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.

Xcode showing the Launch Screen in Interface Builder