EDIT:
This question is NOT a duplicate of this: How to Add iPhoneX Launch Image
I have gone through the question there and all answers, and they do NOT address my issue!
I'm using launch images (not launch screen) for an iOS app, and have added a 1125 x 2436 pixel launch image for iPhone X. Problem is, when the app runs, the launch image isn't completely full screen, and the top and bottom white area is still visible. How can I make the launch image fully full screen ?
Related
My application require a splash screen with a round logo in the middle , the background has some design overlays, So I need the splash screen as a full screen image. I have referred to several post but could not find out how to create the splash screen to fit different screen resolution.
I have created 3 images as Default.png (414 x 736) Default#2x.png (1080 x 1920) and Default#3x.png (2048 x 2732) And I have used LaunchScreen.xib for implementing my splash screen with an outer UIView and an inner UIImageView with an intention for holding the Default.png image as full screen. In emulator, some of the devices shows blank spaces horizontally and in tab vertically.
I think I need to add more images for different resolutions. Can somebody help me to get rid of this issue of adding full screen splash image
As LaunchScreen I want to have an exact image of the start page that appears right after the launch.
Therefore, I made screenshots of all resolutions of the start page, both portrait and landscape. Then I removed all fonts because I generate two variants of the app in different languages and the texts (e.g. in the buttons) are different. The launch screens should fit both variants.
In Images.xcassets I added LaunchImage and assigned all positions with the correct resolutions (for both, iPhone and iPad).
LaunchScreen.storyboard has an ImageView in the ViewController with the image name LaunchImage.
Result:
1 All launch images displayed are scaled even though the correct resolutions are available.
Only the portrait images are used, also for landscape, and therefore scaled and distorted.
on iPads only iPhone images are displayed, portrait version also in landscape, scaled accordingly.
On some devices (e.g. iPhone X), only a white or black screen is displayed at launch (portrait and landscape).
Under no circumstances will the correct launch screen be displayed.
On the image you see all relevant areas and the list of all used launch images.
What did I do wrong or miss?
Supplement:
I just followed another tip and deactivated "Clears Graphic Context" in UIImageView and changed the display to "Aspect Fit".
Result: The portrait launch image is still used in the iPad, but is no longer scaled and is now centered.
So the most important question now is why an iPhone portrait launch image is used for iPad in both directions.
If you are using a LaunchImage, you should set that image in the Target settings. Go to your target and under the General tab, set the Launch Images Source value to the image you have in your asset catalog:
Also delete the text LaunchScreen in the Launch Screen File field.
I have an old application using .xib file and launch image source. whenever I run application on it give me black space on top and bottom. I have added launchscreen #3x in launchscreen images it distort my complete application on iPhonex. i am not using autolayout.Please help me in this issue if anyone get to solve this issue.
I suppose you are not using launch xib and so you need to added launch image for iPhone-X. of size 1125px × 2436px for portrait and 2436px × 1125px for landscape.
If your constraints are set proper app will work as expectation. Else you have to set proper constraints as well
Weird problem here which may be a bug in Xcode...
Using an Xcode 5.1.1 storyboard with auto layout, I am working on the design of a view controller that contains a full iPhone 4 sized UIImageView that references an xcassets image set. The xcassets image set includes 1x and 2x iPhone 3.5-inch images, and an iPhone 4 R4 image.
Problem 1: Once I set the Image View Image for the UIImageView in the utilities panel using a View Mode of Aspect Fit, the storyboard shows the smaller iPhone 3.5 image with white spaces at the top and the bottom of the view instead of the iPhone 4 image which would fill the entire storyboard representation of the view, as they are the same size since Xcode infers an iPhone 4 sized screen in the storyboard.
Problem 2: If I ignore problem 1 and run the program using the iPhone Retina (4-Inch) simulation, the applications selects the correct image size from xcassets and everything seems fine. However, if I run the simulation using the iPhone Retina (3.5-Inch) simulation, the applications also selects the correct sized image, but pushes the images down and display white space at the top of the page.
Before I start hacking around these problems, I thought I would reach out and see if anyone else has experienced either of these issues. Any help will be greatly appreciated.
I am testing my launch images, I depend on the positioning and aspect ratios of my launch images to be correct and consistent, because I perform some animations after the launch image disappears. I am getting inconsistent positioning / aspect ratios for the launch image. See results here:
http://imgur.com/a/TnZVH
First image is running on (iOS5), the second (iOS6).
Any ideas?
iOS5 shows the splash image SHRINKED to the space left below the status bar while
iOS6 shows the splash image OVERLAYED with the status bar.
Does your App show a status bar at all?
If it does not:
Verify you disabled it correctly in the .plist file and remove it from your splash image.
If it does:
Just remove it from the splash image. Your logo will be shrinked a bit on iOS5, but if you are lucky you can do your animation OS version dependenly to hide that issue.