为什么我的自动布局用户界面没有工作？

Question

我试图创建一个看起来像这样的简单UI：

两个宽度相等的视图，上面有两个视图，包含三个右边对齐的图标，它们之间的间距相等。

所以我在红色视图上方有一个看不见的视图，宽度相同，里面是图标。

这些图标都有最近邻约束，以及一个连接到容器边距的图标，如下所示：

但是当我运行它时，它看起来像这样：

iPhone 6：

iPhone 6 Plus：

iPhone 5S：

这是看不见的视图：

如何让它正常工作？

Answer 1

虽然不同的设备根据位置（横向，纵向）具有不同的宽度，但连接到容器边距的约束应具有不同的值以满足所有宽度，但似乎您使用静态值设置它。 我建议在最右边的图像和容器的右边分开之间设置一个约束，为每个图像设置一个宽度约束，为最近的邻居图像设置一个分隔符约束。