使用Autolayout水平对齐5个按钮的最佳方法是什么

Question

我知道这是一个小小的新手风格问题，但我找不到任何关于此问题的主题，我必须在视图控制器中水平对齐多个按钮。

我尝试了2方法，第一个方法是用UIViews和＆lt; =宽度改变约束优先级和其他方法将它们分开。第二个没有UIViews但按钮在右舷非常好地对齐。我已经看过斯坦福汽车布局课了。但我无法找到任何解决方案。我不知道如何对齐多个按钮或视图，有人可以帮我学习和解决这个问题吗？

谢谢！

Answer 1

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

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

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

如果您遵循此方法，则无需添加额外的视图来对齐按钮。请参阅下面的屏幕截图，以便更好地理解这一点。

Answer 2

  

据我了解你的水平对齐5按钮问题   Autolayout，我对你如何修复它做了一些借鉴。它具有以下内容：

希望，这对你有帮助。

Answer 3

您应该使用水平堆栈视图。您可以将堆栈视图的约束设置为其超级视图，然后放入按钮。

需要在属性检查器中调整间距，拉伸以填充等，并且它们将完全对齐。