Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Supporting multiple iPhone resolutions with a single storyboard

We all are going to update our apps to iphone 6 and iphone 6 plus. That means we need to support 4 sizes.

1.) 3.5
2.) 4
3.) 4.7
4.) 5.5

Can we support all these screen sizes with single xib or storyboard ? also please share your views on how we can update our existing apps for iphone 6 and iphone 6 plus.

like image 695
Sourav Gupta Avatar asked Sep 17 '14 10:09

Sourav Gupta


People also ask

How can we build views that support different screen sizes IOS?

Use Xcode to create a launch screen storyboard — they're flexible and support all device screen sizes, allowing you to use a single storyboard to manage your launch screens on every platform you support. When crafting your interface, Auto Layout can help you adapt to any screen size.

How can a developer make sure their app's text can be read in different sizes comfortably?

Larger text with Android Open up your system settings, and head into the “Accessibility” section. Tap the “Font size” option, then move the slider at the bottom of the screen toward the right to make the text as large as you'd like.

Can you change the screen size on iPhone 12?

You can see larger onscreen controls on an iPhone with Display Zoom. Go to Settings > Display & Brightness > Display Zoom.

How do you make iPhone screen smaller?

Go to Settings > Accessibility > Display & Text Size.


1 Answers

Yes. See Apple's iOS8 documentation specifically, size classes:

iOS 8 makes dealing with screen size and orientation much more versatile. It is easier than ever to create a single interface for your app that works well on both iPad and iPhone, adjusting to orientation changes and different screen sizes as needed. Design apps with a common interface and then customize them for different size classes. Adapt your user interface to the strengths of each form factor. You no longer need to create a specific iPad storyboard; instead target the appropriate size classes and tune your interface for the best experience.

There are two types of size classes in iOS 8: regular and compact. A regular size class denotes either a large amount of screen space, such as on an iPad, or a commonly adopted paradigm that provides the illusion of a large amount of screen space, such as scrolling on an iPhone. Every device is defined by a size class, both vertically and horizontally.

There is also a very good tutorial video on the WWDC site.

In order to stop your iPhone 6/6+ app being scaled, add a launch image of the correct size or better, use a launch storyboard.

From there you should use AutoLayout and avoid hard coding to screen sizes. In the long run it'll be a lot less effort and less error prone.

like image 103
Rog Avatar answered Nov 15 '22 00:11

Rog