如何处理iPhone 4s，5和6屏幕尺寸，并使所有内容在设备上看起来相同

Question

I am using Xcode 6.1 and in one of the views I have, contains many labels. However, these labels look different in each different devices. Although I have add constraints to all the labels, but still facing the same issue.

How can I get the same view layout across all devices? How can I make the width and height for each label is flexible, depends on the screen size? Do I need to design different xib for each device?

The following images showing the result am getting, with auto resize enabled, and constants been added.

on iPhone 6

on iPhone 5

on iPhone iOS 7.1

Answer 1

We have provided with a simple solution . Using Aspect ratio constraint we can get a relative look in all device screens.

I had the same issue and I found this >> http://mathewsanders.com/designing-adaptive-layouts-for-iphone-6-plus/

So when designing for lowest to highest screen resolution we can't set a specific width and height for all controls as it may look weird. So using this constraint we can have a relative look for all screens.

If you don't want to use constraints or you want to keep the same width & height , you can add scrollview to hold all controls. For that you can set a resizing frame for scrollview with fixed content size .

Answer 2

To solve this...

1) Go to xib file and uncheck the Auto layout

2) Then set the autosizing manually in the following manner for each and every subview.

Answer 3

使用self.view.bounds.size.width获取屏幕宽度，然后使用相对值初始化所有标签。

Answer 4

一个灵魂是你可以为每个屏幕大小设计一个故事板，如iphone 5，一个用于iphone 6和一个用于iphone 6+，在你的AppDelegate方法“didFinishLaunchingWithOptions”你可以获得屏幕大小和弹出相应的故事板你可以根据不同的屏幕尺寸设置不同的约束