Launch Image for iPad pro 12.9 inch - ipad

I have an ipad aplication whose UI is apperaing scale or "Display Zoom" on ipad pro 12.9 inch.
This is because of not using correct Launch image.
I have found that the dimension of launch image for ipad pro - 12.9 inch is = 2048 x 2732
When I am trying to add correct images in media.xcasset, there is no placeholder for ipad pro.
How can I add the correct lauch image for ipad pro so that the UI will not be zoomed.

LaunchImage support below iOS 8, So iOS 8+ versions you have to use LaunchScreen.
If your app universal support (Both iPhone / iPad) then create two separate LauchScreen.storyboard
Create two storyboard
LaunchScreeniPhone.storyboard
LaunchScreeniPad.storyboard
Set imageView in storyboard and set large image in imageView.
Then add key and value in info.plist file for both LauchScreen.storyboard.
<key>UILaunchStoryboardName</key>
<string>LaunchScreeniPhone</string>
<key>UILaunchStoryboardName~ipad</key>
<string>LaunchScreeniPad</string>
Finally set LaunchScreen in General -> App Icons and Lauch images -> LauchScreen -> LauchScreeniPhone.

Related

Launch screen storyboard for multiple devices and different orientations in iOS

My application supports all devices from 4 inch onwards in both orientations.
iPhone - 5, 5S, 5C, 6, 6S, 6+, 6S+, SE
iPad 4, iPad Air, iPad Air2, iPad Pro etc
Using asset catalog for launch screen its working fine but in iPad Pro app displays standard keyboard rather iPad Pro optimized keyboard which is bigger and doesn't give best user feel.
As per below link app should be using launch storyboard rather than asset images to get optimized iPad Pro native keyboard.
https://forums.developer.apple.com/thread/26357
Now question is how to support both orientations during launch screen storyboard ?
How to add different launch images for portrait and landscape modes in storyboard ? Using size class for iPad in both orientations its both Regular and Regular size.
Note - Because it launches a screen storyboard, one can't customize the size class with custom class.
In your launchsScreen.storyboard add imageView and set it's four constraints like : top,bottom,leading,trailing.
Now, in your assets add separate images for iPhone and iPad with 1x,2x,3x resolution for iPhone and 1x,2x for iPad.
And set that image to that imageview. It will manage then for every device!
You can set different images for different size class in assets. So for different orientation you can set different images in assets.
refer Apple documentation for more details.
And yes you can use vector graphics as suggested in comment by #pkc456 to keep your app light weight.

Swift - Images Distortion in universal app

I have created iPhone app with a lot of images as interface details. After completion, i decided that i also want to support iPad. So in size classes i chosen REG REG and edited constraints for new device.
Now I have a problem. All images in iPad mode are distorted. Absolutely all. I test on iPad 2 and physical iPad mini. For example I have a png with text
here it is on iPhone 6+
here of iPad2
as you see on iPhone it is smooth, but on iPad pixellizated.
And that happens to all images
Why can this happen ?
As the resolution of both, iPad and iPhone differ from each other, and you are comparing an image of iPhone6+ with iPad, so iPhone6+ will take #3x image while your iPad mini and iPad 2 will take the images of size #2x(if they are retina). So to support the image for iPad you have to add the images for iPad in your images.xcassets folder if your are using the xcassets like this
To get the options for images you have to select your xcassets folder then from the attribute inspector you have to check iPad.

Launch Screen Image size for all iOS screen sizes

I am trying to create a lunch screen image for my iOS app. But I am not sure whats the right size for it.
According to apple website for iPhone 6 the size should be 750 x 1334 (#2x) for portrait.
But my question is, how to create a launch screen image that will fit for all screen sizes such as iPhone 5, 5s, 6, 6 plus, iPads etc?
Whats the correct way of doing this?
Go to images.xcassets
there you can see launch image sizes.Just Enable iOS version from right side.
iPhone Portrait iOS 8:- 1242*2208 (5.5 inch)
750*1334 (4.7 HD)
iPhone Landscape iOS 8:-2208*1242 (5.5inch)
iphone Portrait iOS 7,8 :- 640*960 (#2x)
640*1136 (Retina)
iPhone Portrait 5,6 :- 320*480 (#x)
640*960 (#2x)
640*1136 (retina4)
But my question is, how to create a launch screen image that will fit
for all screen sizes such as iPhone 5, 5s, 6, 6 plus, iPads etc?
That will be very hard to do. The devices have different aspect ratios and the difference in size between say iPhone 5 and iPad Air is pretty big to use one image for all. If you want to use the classical launch screen with a screenshot, resizing one image won't look the same as the user interface on different devices. If you want a launch bitmap image you will need to supply all the necessary sizes.
Whats the correct way of doing this?
You can create either launch PNG image or launch screen as a storyboard.
For launch image, your project has an assets catalog. Either use existing or add new iOS launch image. The editor will show you all required sizes.
For a storyboard, your application probably already has LaunchScreen.storyboard. You typically won't create specific size or sizes here, but use auto layout that will resize the screen appropriately.

My app dont's show the Compatibility with iPhone6 and iPhone6+ in Appstore

I have created an application in Xcode5 with two xib for iPhone4 and iPhone5 and I am not using auto layout.now my app is perfectly running in both devices iphone6 and iphone6+ without any ui problem.I also upgrade my Xcode5 to Xcode6.1. my code is also supported 64bit architecture.
I added all icons and splash images with the following size and name.
1. Icon.png 57x57
2. Icon#2x.png 114x114
3. Icon-72.png 72x72
4. Icon-72#2x.png 144x144
5. Icon-76.png 76x76
6. Icon-76#2x.png 152x152
7. Icon-120.png 120x120
8. Icon-60#3x.png 180x180
Default images:
1. Default-568h.png 320x568
2. Default-568h#2x.png 640x1136
3. Default-667h#2x.png 750x1334
4. Default-Portrait-736h.png 1242x2208
5. Default-Portrait.png 768x1004
6. Default-Portrait#2x.png 1536x2008
7. Default-Retina.png 768x1024
8. Default-Retina#2x.png 1536x2048
9. Default.png 320x480
10. Default#2x.png 640x960
Now i uploaded my app in appstore and it successfully approved but it didn't show me the compatible with iPhone6 and iPhone6+.So please guide me if i forgotten to add something or not follow the proper step to make it compatible with iPhone6 and iPhone6+ devices.
You should add Launchscreen.xib to let the App store know your App is compatible with iPhone 6 and 6 plus. iPhone 6 and 6 plus have different size for screen so you need to create two more xib to fit the needed like you had created two xib for iPhone 4 and iPhone 5.

Do I have to have LaunchScreen.xib for iOS 8 launch images?

I'm using Xcode 6.1.
In Launch Image sources = LaunchImage and in Launch Screen File = Main_iPhone. In Images.xcassets under Launch Image Name = LaunchImage.
I currently have a Retina HD 5.5 and Retina HD4.7 Launch Image in appropriate sizes for iOS 8. Yet for all iOS 8 devices whether on iPhone 4s, iPhone5's, or iPhone 6's, iOS 8 doesn't load Launch Image. I don't use xib, only storyboards. However, do I have to create an xib file called LaunchScreen.xib and put my iOS 8 Launch Images in that file for iOS 8 to launch the images?
So i'd put just 2 iOS 8 images in there and xib has no problem with me using storyboards to build game? Is that the only way for a Launch Image to work for iOS 8 in Xcode 6.1?
edit:
So I just made a LaunchScreen.xib file. In that file I put my Retina HD 4.7 inch launch image for the 4.7 inch screen. In Launch Screen File I put as LaunchScreen.xib I still get the same result. iOS 7 launch images load but iOS 8 launch images don't load.
I had the same problem but had marked the xib as a launch screen, but just needed to select it as the launch xib in the build settings, general tab.
Have you marked the view in the xib as "Use as Launch Screen" in the File Inspector?

Resources