I have inherited an app that uses separate Storyboards for iPhone and iPad. Neither uses autolayout. In viewDidLoad() I log the value of UIScreen.main.bounds.
For any iPhone (5s through X) the logged size is 320x480. This does not change after viewDidLayoutSubviews().
When I create an app from scratch, I get the expected sizes (e.g. 375x667 for iPhone 6 thru 8).
What could be different in my hand-me-down app that makes the screen size uniformly the ancient values for 1x iPhones?
Please note this has nothing to do with view resizing -- this is the screen we are talking about. Similarly the screen scale plays no apparent role.
When you create a new project, if it comes with a Storyboard for Launch images, the size will be automatically detected..
However, for older projects that uses Image Assets instead, you need to provide sizes for the launch screen. IE: "Default" images of the correct sizes of the screen as per:
https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/launch-screen/
Static Launch Screen Images. The names shall be: "Default-XXXh#ResY.png"
where XXX is the height and Y is the resolution.. Example:
iPhone 6 Plus - 1242px x 2208px - Default-736h#3x.png
iPhone 6 - 750px x 1334px - Default-667h#2x.png
Related
I need my app to not use iPhone 6 Plus' native resolution and rather scale up from iPhone 5/6.
I have removed the Launch Screen File and cleared "Retina HD 5.5" from the Launch Image, yet when people run it on iPhone 6 Plus, the app is still using its native resolution.
Note that removing the "Retina HD 5.5" was sufficient to bypass iTunesConnect App Screenshots validation for iPhone 6 Plus, yet the app itself is not honoring that.
Is there anything else to remove to eliminate iPhone 6 Plus native resolution?
There is not. You can only support 6 and 6 Plus together or none of them. As soon as you use the Launch Screen File Xcode assumes you want to support them.
I really don't know why you want to do that, but there are some tricks to resize fields and buttons (I assume you want to do that)
You should be able to determine the screen size/native screen size so you can resize your CGRects for example.
https://stackoverflow.com/a/4779415/2826164
create an global function or variable to multiply your current width and heigth by, for example native width of 6+ = 1242*0,60306 = 750 native.
i'm not sure if you need 1080 or 1242 because of downscaling
More info about iphone 6+ resolution
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.
We have an app that is made for iPhone 4/5 and iPad/iPad Retina. The interface XIB files for iPhone do not use dynamic layout, and the code that places UI elements assumes a screen width of 320 points and a screen height of 480 or 568 (iPhone 5) points.
Due to a lack of time, we currently can't adapt the app for iPhone 6 and iPhone 6 Plus the "right way" (by changing the XIB files to use dynamic layout, and changing the code to work with variable screen widths/heights, then testing all the UI positioning again). But we easily can generate higher-resolution versions of the images.
I've experimented with the following: I don't add a Launch Image for iPhone 6 / 6 Plus; as a result, the app simply runs upscaled on an iPhone 6 Plus, and the screen still has 320 x 568 points. Everything runs fine, but the graphics are very blurry.
However, if I load a higher-resolution image (e.g. 1242 x 2208 pixels for the background) and set an UI element to use this image, then the image is sharp. (I'm testing with the simulator; don't have an iPhone 6 Plus available; I hope the behaviour is the same on a device).
Instead of adding the above workaround for each image individually, what I want to do is: at the start of the app, check the model of the device, and in case of iPhone 6 Plus, tell the app to use a custom image suffix. This suffix should be used for all images, not only those that are loaded via code, but also the images that are specified in XIB files. Is this possible?
Don't complicate yourself. just like retina with suffix #2x, you have to add #3x for iPhone 6 Plus.
I have my project setup on AutoLayout, works fine with iPhones 4 - 6 Plus. However, when I add in the LaunchImage for iPhone 6 and 6 Plus, the frames and constraints for the entire app no longer take up the entire screen. Instead, the entire app fits in the top left area of the screen.
If I remove the LaunchImages for iPhone 6 and iPhone 6 Plus, then the issue goes away and the elements of each View Controller once again have the correct coordinates and sizes.
I am using the following in Images.assets:
- 2x iOS - Portrait 7,8
- Retina 4 - Portrait 7,8
- Retina HD 5.5 Portrait iOS 8
- Retina HD 4.7 Portrait iOS 8
There are no warnings regarding the asset catalog, and all the LaunchImages are at the correct dimensions. I have attempted to Migrate the images over but with no luck.
When you don't provide iPhone 6 and iPhone 6 Plus launch images, iOS 8 simply scales your interface up (makes everything larger to fit).
Once you provide those images, you will now have access to the larger screen resolutions, and just because you use auto-layout, does not mean your views will resize. If you have constraints that are limiting the height and width of your views, you will get what you are seeing. I would check on your constraints on your views to make sure they are done properly and allow the view to grow when the screen size is larger than 320 x 568.
I'm developing an app and have come against a strange issue I can't find the answer for - when testing the app on an iPhone 5 the whole app display window is shrunk down to what looks like a 3.5 size display (the top and bottom of the screen are black and even the status bar is pushed down). When I test the app on an iPhone 5s running iOS 8 it displays full screen as expected.
Also when testing in the iOS simulator for iphone 5, and 5s it displays as expected. I'm using xcode 6 for development.
Any help would be greatly appreciated.
You need to set splash screen for your app. Otherwise it will take 3.5 screen size.
Just set the splash screen and you will be done.
So from iOS8, you can use a .xib as your Launch image, but if you have to support past versions of iOS, you have to provide static SplashScreens.
here is a link about replacing the launch image with a .xib file
If you have to use static Launch images, you have to add every supported resolutions:
320 x 480 - not retina iPhones
640 x 960 - retina 3.5" iPhones
640 x 1136 - retina 4" iPhones
750 x 1334 - iPhone 6
1242 x 2208 - iPhone 6 Plus
use size class approach on any height and any width. Hope you will get your solution from the following link
http://captechconsulting.com/blog/tyler-tillage/ios-8-tutorial-series-auto-sizing-table-cells
just clarify on the other answers, make sure you also set the 'Launch Image Source' under 'General' -> 'App Icon and Launch Images'
screen shots....
...mine used to be....
...and i changed it to... (and set an image)
GLHF!