Xcode 7 add trailing/leading/top/bottom constraints

Question

In Xcode 6, I could use the Editor menu to Pin:

Leading Space to Superview
Trailing Space to Superview
Top Space to Superview
Bottom Space to Superview

I can't find a way to do this in Xcode 7 beta. If I press the Align button in the Storyboard view, I see:

Leading Edges
Trailing Edges
Top Edges
Bottom Edges

Which I assume is the same thing, but they are all greyed out.

Adding these 4 constraints in Xcode 6 would have taken about 20 seconds, but it took me 30 minutes to put it in Xcode 7 and can't figure it out.

My solution was to open XCode 6 and add the constraints there, then go back to using XCode 7. I'd be grateful to hear a better way. — Casey Perkins, Jul 31 '15 at 22:09
Note the answer chosen below. The workaround in the previous comment is not necessary. — Casey Perkins, Apr 28 '17 at 16:52

Mobile Developer · Answer 1 · 2016-05-31T11:57:07.590

17

Unfortunately they removed this option from the Editor Menu but there is a drop-down menu. There you can select another view to which you can assign your margins. .

edited May 31 '16 at 11:57

answered Sep 30 '15 at 10:37

Mobile Developer

5,730
1
39
45

This is close, but still does not work correctly. For instance, I put my left and right constraints relative to the superview as 20 on each side, but the XCode "expects" an X position of 36. This makes no sense. – Casey Perkins Oct 02 '15 at 17:44
After doing the above, select the constraint, pick the item from the first item or second item drop down, uncheck `Relative to Margin`. – jday Oct 18 '15 at 21:28
can we see it as default value? There were so many raw design template are designed for the whole view not just only top layout guide. – Ryan Chou Jul 23 '16 at 13:34

score 10 · Accepted Answer · answered Jan 12 '16 at 16:43

To pin Top, Bottom, Leading, and Trailing to the Superview, do this:

Select the view.
Click the Pin button (looks like a TIE Fighter).
Under Add New Constraints, uncheck Constrain to margins.
Click the left, right, and top and bottom beams.

If you click Add Constraints button, it will pin top, leading, and trailing to the Superview, and bottom to the Bottom Layout Guide. If you want to pin bottom to the Superview also, press the drop down arrow next to the bottom value and choose View instead of Bottom Layout Guide. Then click Add Constraints.

score 4 · Answer 3 · answered Jan 24 '16 at 13:21

Well, I also meet this problem in Xcode 7.2, and have found out a way to solve it.

In Xcode 7.2 (and perhaps also in your version of Xcode), firstly select the view that you want to add constraint to, and then press the "control" button on your keyboard and keep doing it, and then drag the view to the super-view. Then a menu will appear, and then you can select to add some constraints. After adding the constraint you can release the "control" button. Note that the direction you drag will affect the available constraints at this time. For example, if you drag left, then the trailing constraint may be unavailable.

score 1 · Answer 4 · answered Aug 03 '15 at 06:07

1

Right next to the Align button is Pin button where you can set what you want.

answered Aug 03 '15 at 06:07

a developer

149
2
10

5

This only allows you to pin to the nearest neighbor, there doesn't seem to be a way to pin to the superview anymore in xcode 7. – Trianna Brannon Sep 22 '15 at 19:03
It does allow you to pin to the superview, but it gets the positioning wrong. See my comment to MaciekWrocław for details. – Casey Perkins Oct 02 '15 at 17:46

score 0 · Answer 5 · answered Oct 10 '20 at 12:13

0

When you add a constraint via Add New Constraints you have a choise:

By default Xcode uses Safe Area - Align Top To

If you select a superview - Top Space To

answered Oct 10 '20 at 12:13

yoAlex5

29,217
8
193
205

Xcode 7 add trailing/leading/top/bottom constraints

5 Answers5