如何使用自动布局来布局水平相等的三个项目

Question

As you can see in the screenshot below, I have a static table view cell which contains three UIImageViews.

I'd like the spacing between the items to be double the spacing between the screen edge and the outer items.

The spacing should dynamically change depending on screen width (the item size is static).

How can I achieve this using auto layout?

Thanks in advance for your help.

Answer 1

Create three holder views, one for each item, they should be placed side wise with width constraint = superview.width / 3 + 0 . Then in those three holder views you add your items and set their centerY/centerX to centerY/centerX of holder view

In that way they would have exactly same layout which you want.

Answer 2

Here's the restriction display as per my comment above. You can specify the restrictions within the XIB editor.

Add 6 UIView in between the three UIImageView, set constraint that

• all 9 items with same width
• and linking the leading and trailing space to zero
• all 9 items align vertically center
• set the aspect ratio of the three UIImageView.

In the screen snapshot below I have added bg colour for those UIWebView to show their existences.