AutoLayout的问题

Question

顶部的栏是视图中的视图，其中包含10个视图，每个视图大小相同但是我无法在模拟器上看到它们。我应该使用哪些约束设置？

还有一种更好的方法可以在不使用视图的情况下直观地表示所有这些框吗？它不能是图像，因为根据剩余电量可以看到各个视图。

我正在使用的内容：我目前没有使用任何约束，因为我只能让它变得更糟。

现在正在做什么：

肖像：

风景：

Answer 1

一次选择所有条形，然后应用以下约束：

检查等宽。这将使所有条宽度相同。 5是从顶部，底部，中心，前导和尾随的边距。

按添加x约束。

在最后更新框架中同时按选项+命令+等于。

Answer 2

您只需要在相邻按钮之间给出前导，尾随和等宽约束。

在这里查看我的答案，我已经解释了屏幕截图和实现此目的的步骤： What is the best approach for horizontally aligning 5 buttons with Autolayout

如果您想要更清晰，请告诉我。

Answer 3

第一个有左，上和下约束，然后它链接到右边的下一个，下一个链接到下一个，依此类推，水平前导选项。