Xcode 7 add trailing/leading/top/bottom constraints

30
votes

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.

5
autolayoutxcode7ios-autolayout
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
Note the answer chosen below. The workaround in the previous comment is not necessary. - Casey Perkins

5 Answers

17
votes

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. enter image description here.

10
votes

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

  1. Select the view.
  2. Click the Pin button (looks like a TIE Fighter).
  3. Under Add New Constraints, uncheck Constrain to margins.
  4. 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.

4
votes

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.

1
votes

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

Pin

0
votes

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