Unexpected result for autolayout on iphone 6 plus

Question

I've added a uiview on a view controller(VC), trying to set it's width is equals to VC's view's width.

What I set and expected: xcode setting and expected result

And what i got on iphone 6 plus: what i got on ip6+

I've tried to change the constants of leading space and trailing space and no help. Is there any special for iphone 6+ autolayout?

The view setting here is "Any width x Regular height"

-------Added Dec 2016 To people who is confused by this case like me: There is a layout margin property in UIView, which is an UIEdgeInsets(8,8,8,8). It is something like css padding.

When the edge of your view is close to the edge of the superview and the preservesSuperviewLayoutMargins property is true, the actual layout margins may be increased to prevent content from overlapping the superview’s margins.

The default margins are eight points on each side.

If the view is a view controller’s root view, the system sets and manages the margins. The top and bottom margins are set to zero points. The side margins vary depending on the current size class, but can be either 16 or 20 points. You cannot change these margins.

score 53 · Accepted Answer · answered Sep 22 '14 at 12:50

53

Try to remove the check Constrain to margins when adding constraints. Here take a look:

Constrain to margins is checked and its result

Constrain to margins result

Now, after removing the constraints and re-adding the constraints with Constrain to margins unchecked, here is the result:

Constrain to margins unchecked result without Constrain to margins

answered Sep 22 '14 at 12:50

Sharon Nathaniel

1,467
20
28

I also suffer from this couple times. Looks like a xcode bug? – syshen Sep 27 '14 at 02:53
I wouldn't say it is a bug, most likely iphone 6 plus have higher margins than other iphones. – Jerome Diaz Oct 07 '14 at 21:19
Is there any Apple docs/resource that explains how they calculate margins on each device? – Enrico Susatyo Dec 17 '14 at 09:16
@EnricoSusatyo No, there is no document that explains how they calculate margins of the devices. Even no cheat sheets have any details on this. – Sharon Nathaniel Dec 17 '14 at 09:36
@SharonNathaniel Damn, that is very confusing. I still don't get why there's a margin on iPhone 6 Plus, but not anything else. Thanks anyway for the answer. Cheers. – Enrico Susatyo Dec 17 '14 at 09:42
@SharonNathaniel when I uncheck that box it is getting rechecked Automatically. Any ideas why it might be happening?? – Priyatham51 Jan 22 '15 at 05:23
@Priyatham51 For every view you will have to uncheck it .. depending upon your requirement. – Sharon Nathaniel Jan 28 '15 at 11:11

score 19 · Answer 2 · answered Feb 13 '15 at 03:39

19

Sharon's answer works wonderfully, but you don't have to delete the existing constraints to solve the problem. You may edit existing constraints removing the extraneous margin:

Before applying solution Solution step After applying solution

answered Feb 13 '15 at 03:39

pimguilherme

1,050
11
15

I'm having this same probem. How did you add Horizontal Space Constraint? – 4thSpace Mar 27 '15 at 16:56
Are you familiar with creating autolayout constraints? It's just a matter of creating a regular constraint and unchecking the "Relative to margin" option. – pimguilherme Mar 27 '15 at 17:29
@4thSpace : when you uncheck the margin, it will automatically change from a Leading constraint to a Horizontal Constraint. – Mike Burba Aug 18 '15 at 12:01

score 0 · Answer 3 · answered May 19 '15 at 06:35

0

Editing existing constraints to remove the extraneous margin will not work. You have to delete the existing constraints and add new ones keeping constraints to margin unselected.

answered May 19 '15 at 06:35

bhoomi

373
1
4
11

score 0 · Answer 4 · answered Sep 04 '15 at 10:46

I faced same issue for my "Done" button. The issue was my View (Done Button) was in base View hierarchy so i bring view back in root view (view controller's view). and set constraints accordingly.

My case set constraints Pin-> Uncheck Constraints to Margin -> Bottom,Leading,Trailing (Constraints value=0)

Make sure view hierarchy should not be following way.(Subview might be but cut view must not).

score -1 · Answer 5 · answered Dec 05 '16 at 02:08

-1

I had this bug in the iPhone 6 plus simulator. But in the 6 plus device this bug didn't happen. This could be just a bug with 6 plus simulators.

answered Dec 05 '16 at 02:08

coolcool1994

3,704
4
39
43

Unexpected result for autolayout on iphone 6 plus

5 Answers5