How to integrate splash screen for all types of iPhones in Xcode 6.1?

Asked 22/9, 2014 at 6:23 Answered 6/7, 2015 at 15:47

I need to create and app which will run on iPhone 4S, 5,5S, 6, 6+ and the deployment target will be iOS 7.1. I saw Apple introduced LauchScreens.xib for creating the launch screen (Splash Screen) and also there is an Image Assets in which I can provide the Launch Images screens. See image below:

enter image description here

So my questions is how can I use the splash screen for all the iPhones? Or I should say, what is the standard way to to do that when I am using Xcode 6?

I have been looking for the answers and reading blogs and Apple's Documents as well but I didn't find anything. Everything was singing its own song but not the answer.

Melindamelinde answered 22/9, 2014 at 6:23 Comment(7)

I don't understand. Xcode already provides hint of the resolution and format of the Launch images, and Apple documentation is already stated clearly. Just drag the images to correct placeholder. – Friedrich 22/9, 2014 at 6:28

@Friedrich Then why there is LaunchScreens.xib? What is the use of that if I can use the imageAssets. This is confusing to me. – Melindamelinde 22/9, 2014 at 6:37

Also, what should be the naming conventions for the splash screens of iPhone 6 and iPhone 6+? Please share some link for the document if that exists. – Melindamelinde 22/9, 2014 at 6:39

There is NO LaunchScreens.xib. You created it? Splash screen does not use XIB / Storyboard. – Friedrich 22/9, 2014 at 6:44

Create new project with XCode 6.1. then check! It comnes by Default. – Melindamelinde 22/9, 2014 at 6:48

which Xcode template are you using? By the way, Xcode 6.1 has not released yet. You mean 6.0.1 ? – Friedrich 22/9, 2014 at 6:51

I am using 6.1 Beta! – Melindamelinde 22/9, 2014 at 7:13

In Xcode6 for all devices splash screen you need to make splash image for each device size retina and non retina.

Best way of done this thng use asset Catalog from target-->general like following screenshot:

enter image description here

when you tap the right small arrow near of launchImage (->) you can see the following window:

enter image description here

Currently there is empty because from right side there is no any target selected so if your deployment target is 6.0 you need to set check mark like following screenshot so you can see the all image need box :

enter image description here

See when you add wrong dimension image in catalog you can get warning at top right corner and when you tap on this warning you can get actually dimension. see the following screenshot for:

enter image description here

So from the warning log you can know which dimension image need for which splash screen.

Other way

No need to use Asses Catalog and no need to use LaunchScreen.xib you can still use old way:

create splash screen image with following size:

Default-568h.png                   320 x 568      
[email protected]                640 x 1136
[email protected]                750 x 1334
[email protected]                1242 x 2208
Default.png                        320 x 480
[email protected]                     640 x 960

Now in plist you need to add following data:

Add one row by tap (+) its called UILaunchImages

enter image description here

and you need to fill this row like following

enter image description here

that's it no need to do any thing hope that answer helps to other as well.

Consistency answered 28/1, 2015 at 6:19 Comment(4)

Thanks for wonderful answer. does naming convention matters for setting splash screen images in LunachImages folder in Asset Catalog or it may be anything? – Cinnamon 31/1, 2015 at 11:50

I dont think but i used same name that we used normally – Consistency 31/1, 2015 at 11:54

Thanks for this. I didn't realise that you can enable/disable splash screen sizes. Also "Asses Catalog". Heh. – Bimolecular 4/2, 2015 at 13:21

Thank you for your great answer, "Other way" is working perfectly with iOS 9 (iPhone 6s and 6s Plus) under Xcode 7.0.1. – Sitter 7/10, 2015 at 18:15

In Xcode 6.4, as of 2015-07-06 (yyyy-mm-dd), I used launch images rather than a launch screen file (.xib). This is targeting iOS 7.1+.

First, delete the entry from the Launch Screen File drop down. Leave this blank, if this points to a .xib the .xib will override the launch images source. Here is the setup in Target / General / App Icons and Launch Images.

Second, create a new Launch Image (NOT a new Image Set) after selecting the “+” at the bottom of the middle pane in Images.xcassets. Here is the pop-up after you select the “+”. enter image description here

Third, in the new Launch Image, there will be 20 squares, each asking for .png file. Now you need to create 20 .png files of the correct size. I used Pixelmator and exported each file as a .png. But what is the “correct size”? See below. enter image description here

Launch Images Correct Size Chart enter image description here '*No Status Bar

Edin answered 6/7, 2015 at 15:47 Comment(0)

I have been playing around Xcode 6 from sometimes now and what I found is LaunchScreen.xib works for iOS 8 only, so if you want to provides launch image for all your devices, your app supports you can do as below..

For Device using iOS 7 you can do as usual, what we used to do using images.xcassets enter image description here

For iOS 8 devices you have two ways..

Simply you can use LaunchScreen.xib. this image show how Xcode by defaults sets LaunchScreen.xib for iOS 8 launch screen file.
1. If you don't want to set LaunchScreen.xib as launch screen file and want to display some launch image as you want in iOS 7 device, so just remove launch screen file name and make it blank(see below image) and delete LaunchScreen.xib file from Xcode. In this case iOS 8 device also takes launch image from launch images from images.xcassets.

Jointer answered 10/10, 2014 at 7:21 Comment(0)

The new way of doing splash screens for iOS 8 onwards is to define a LaunchScreen.xib file. This is also available as a new Resource file type in XCode 6.

This new XIB will use AutoLayout and the new size classes to determine how you want to layout your splash screen.

It is not very clear how the backward compatibility of this will work if you want to support older devices. I figure it will not work.

You can set the launch.xib in the target properties first screen in your XCode project.

If you want to use the old way you can still define splash PNGs to use as launch images, that continues to be fully supported. From what I see, this is still the only way to go if you want to support old iOS versions.

Note that if you want to support the new resolutions of iPhone 6 / 6 Plus, then you must define either a launch xib or put the correctly sized PNGs in your asset catalog, or else you will get the blurry autoscaled UI that old apps get in compatbility mode.

Ninette answered 22/9, 2014 at 7:59 Comment(15)

That is my question. If I use Image Catalog for launch image, what to do with LaunchScreen.xib? – Melindamelinde 22/9, 2014 at 8:18

Delete the xib. Remove the Launch XIB setting in the XCode target. It will automatically use the PNGs. Remember to clean the project, before your run it. – Ninette 22/9, 2014 at 9:20

So Dhiraj! Why Apple provided LaunchScreen.xib if we already had Image Catalog? Any idea or reference? – Melindamelinde 22/9, 2014 at 9:27

Supposedly, the XIB mechanism is better. You can design a single splash screen and have it work for all devices, and orientations. Plus, if you don't put images into the XIB, then the XIB will be smaller in file size than the combined file sizes of all the PNGs. – Ninette 22/9, 2014 at 11:17

I was also thinking the same to use the same XIB for all the iPhone devices but there will be an issue when you would be showing the logo of your company in the splash screen in the case of iPhone 3.5" because in that case image will be compressed. Moreover, app will use the same image for iPhone 5, 5S which it would be using in case of iPhone 6Plus. Isn't it?? – Melindamelinde 22/9, 2014 at 12:4

Standard layout, image selection rules apply as per AutoLayout and Size classes. Please refer to the WWDC videos on Auto Layout in Interface Builder for how to do this. – Ninette 22/9, 2014 at 12:25

Dhiraj Gupta Can you please share the link to that video? I didn't find that. – Melindamelinde 22/9, 2014 at 12:53

Just wanted to inform you that I am using Size Classes asl well along with the COnstraints! – Melindamelinde 22/9, 2014 at 13:0

Do you have something for me? – Melindamelinde 23/9, 2014 at 8:45

@DhirajGupta You inspired me. I created a LaunchScreen.xib with vectorized images for iOS 8 and It works very well. But I had to create a LaunchImage asset catalog for iOS 7 devices... please, see my answer in another thread: https://mcmap.net/q/427070/-use-vector-artwork-for-ios-launch-image-in-asset-catalog – Jochebed 21/10, 2014 at 1:2

@Dhiraj Gupta pls let me know any option to localization both rusian and English. – Baudelaire 9/4, 2015 at 11:52

@Baudelaire Wouldn't standard XIB localization mechanisms work? Haven't tried, but I think the way you localize XIBs will be common, across. – Ninette 9/4, 2015 at 19:6

@DhirajGupta you are saying for localization in lunch option xib. – Baudelaire 10/4, 2015 at 5:25

@Baudelaire Yes, why can't you localize it? If you're localizing other XIBs then this should be natural. Have you tried it? I would think that one of the main reasons Apple made the XIB launching possible was to be able to localize it. – Ninette 10/4, 2015 at 5:36

@DhirajGupta Launch XIB not loading different in localization – Baudelaire 10/4, 2015 at 6:3

Hot tags

Godot Unity Godot Help Programming Godot 4.X GUI GDScript 3D 2D Physics CSharp Godot 3.X VR XR Projects C++

Recommended topics

Hot tags