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

Question

正如您在下面的屏幕截图中看到的，我有一个静态表视图单元格，其中包含三个UIImageViews。

我希望项目之间的间距是屏幕边缘和外部项目之间的间距的两倍。

间距应根据屏幕宽度动态变化（项目大小为静态）。

如何使用自动布局实现此目的？

提前感谢您的帮助。

Answer 1

创建三个持有人视图，每个项目一个，它们应与width constraint = superview.width / 3 + 0一起放置。然后，在这三个持有人视图中，您可以添加商品并将centerY/centerX设置为持有者视图的centerY/centerX

通过这种方式，他们可以拥有您想要的完全相同的布局。

Answer 2

根据我上面的评论，这是限制显示。您可以在XIB编辑器中指定限制。

在三个UIImageView之间添加6个UIView，设置约束

• 所有9个宽度相同的项目
• 并将前导和尾随空格链接为零
• 所有9个项目垂直对齐
• 设置三个UIImageView的宽高比。

在下面的屏幕快照中，我为这些UIWebView添加了bg颜色以显示它们的存在。