将5个button与Autolay进行水平alignment的最佳方法是什么？

我知道这是一个小新手风格的问题，但我找不到任何有关这个主题，我必须水平alignment我的视图控制器中的多个button。

我尝试了2个方法，第一个是用UIViews和<= width改变约束优先级和其他。 第二个没有UIViews，但button在右舷很好地alignment。 我已经看过斯坦福大学汽车布置课程。 但是我找不到任何解决办法。 我不知道如何alignment多个button或视图可以有人帮助我学习和解决这个问题？

谢谢 ！

Answer 1

您只需要在相邻button之间给出前导，尾随和等宽限制。

步骤（在这里我们只考虑水平约束）：

1. 将第一个button的前导约束添加到超级视图（或左侧同级视图）。
2. 添加水平间距约束：
   • 第一个button和第二个button。
   • 第二个button和第三个button。
   • 第三个button和第四个button。
   • 第四个button和第五个button。
3. 从第五个button添加尾随限制到超级视图（或右侧同级视图）。
4. 在以下之间添加等宽的约束：
   • 第一个button和第二个button。
   • 第二个button和第三个button。
   • 第三个button和第四个button。
   • 第四个button和第五个button。

如果你遵循这种方法，你不需要添加额外的视图来alignmentbutton。 请参阅下面的截图以更好地理解这一点。

Answer 2

正如我了解你Autolayout水平alignment5button问题，我做了一些如何解决它的绘制。 它有以下几点：

希望，这对你有帮助。

Answer 3

您应该使用水平堆栈视图。 您将堆栈视图的约束设置为其超级视图，然后放入button。 您需要在属性检查器中调整间距，拉伸以填充等，并且将完全alignment。