使用自动布局水平对齐 5 个按钮的最佳方法是什么

Question

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

我尝试了 2 种方法，第一种方法是将它们与 UIViews 和

谢谢！

Answer 1

您只需要在相邻按钮之间提供前导、尾随和等宽约束。

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

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

如果您采用这种方法，则无需添加额外的视图来对齐按钮。请查看下面的屏幕截图以更好地理解这一点。

Answer 2

据我了解，您的水平对齐 5 个按钮问题与 自动布局，我对您如何修复它做了一些说明。它有以下内容：

希望对你有帮助。

Answer 3

您应该使用水平堆栈视图。您将堆栈视图的约束设置为其父视图，然后放入您的按钮。您需要在属性检查器中调整间距、拉伸填充等，它会完美对齐。