Is the UILabel size right inside the UIScrollView using Interface Builder and Autolayout?

Question

I created a simple view setting in the interface builder. Here's what it looks like:

The hierarchy of representations is simple:

view - scrollView -- label 

The scroll view is displayed with a grey background, tied to the top, top, bottom, and top rows from above with 0 restrictions.

The label is displayed with a yellow background and has limitations as shown. In addition, the label has a content hugging priority of 1000 for both horizontal and vertical, and has a content compression resistance priority of 1000 for horizontal and vertical.

In portrait orientation, the label has the correct size:

However, in landscape orientation, the label has no horizontal size (I wanted the label to fill the width of the screen, there are less restrictions, as shown):

How can I correctly assign this label horizontally in landscape orientation?

Answer 1

There is one solution for you.

1. Add a UIScrollView to the container (UIView) with zero restrictions:

2. Add restrictions for the label: upper, lower, front, trailing spaces = 20.

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

• To do this, select the label in the tree of the presentation structure, press ctrl and drag to the container. And select "Equal Widths."

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

You should get the following components:

Launch the application, go to the album and it will work!

I hope this is clear. Best wishes.

Answer 2

It is difficult to say which restriction (s) to add / remove in order to get what you want, because iOS reserves the right to adjust your restrictions when it becomes impossible to satisfy all your restrictions.

I am making an empty project with the same view ( UILabel as a subview of UIScrollView ) and creating some restrictions for the correct resizing of the UILabel in the landscape.

Be sure to check:

• Make sure you set the vertical / horizontal limits between the output option, as shown below, and try to remove the unnecessary limits manually.