Correctly Size UILabel inside UIScrollView using Interface Builder and Autolayout?

Question

I've created a simple view setup in interface builder. Here's how it looks:

The view hierarchy is simply:

view
- scrollView
-- label

The scroll view is shown with grey background anchored to its super view top, leading, trailing, and bottom with constraints of 0.

The label is shown with yellow background and has constraints as shown. Additionally, the label has content hugging priority of 1000 for both horizontal and vertical, and it has content compression resistance priority of 1000 for both horizontal and vertical.

In portrait orientation, the label is sized correctly:

In landscape orientation, however, the label is not sized correctly horizontally (I intended for the label to fill the width of the screen, less constraint insets as shown):

How can I get this label to size correctly horizontally in landscape orientation?

Answer 1

There is one solution for you.

1. Add your UIScrollView to container (UIView) with zero constraints:

2. Add constraints for Label: top, bottom, leading, trailing spaces = 20.

3. Add constraint: label.width = container.width - 40

• For this, select label in the view structure tree, tap ctrl and pull to container. And select Equal Widths.

• Then select the created constraint and go to its Utilities and set the constant value to 40.

You should get the following components:

Run the app, go to landscape and it works!

Hope it is clear. Best Regards.