如何使用 AutoLayout 均匀放置四个按钮？ [复制]

Posted 2023-02-23

【中文标题】如何使用 AutoLayout 均匀放置四个按钮？ [复制]

【英文标题】：How do I place four buttons evenly with AutoLayout? [duplicate]

【发布时间】：2015-03-10 06:03:41

【问题描述】：

UIView中有四个圈UIButtons。他们的布局应该是这样的：

｜－ 按钮 1 - 按钮 2 - 按钮 3 - 按钮 4 －｜

我尝试了 AutoLayout 的一些方法，但失败了。 有人可以给我一些关于如何构建这个布局的建议或演示吗？

【问题讨论】：

不确定您是否需要均匀分布这些按钮。如果是这样，这可能会有所帮助：***.com/questions/13075415/…。还有这些教程：raywenderlich.com/50317/…

【参考方案1】：

首先，设置第 1 个和第 4 个按钮的前导和尾随约束。然后，在其他按钮之间的中间创建horizontal spacing 约束。

右键单击按钮并选择width 和height 以设置固定宽度和高度。

通过右键单击并从一个按钮拖动到其他按钮来设置equal widths 和equal heights。

请看一下这张 GIF 图片：

【讨论】：

感谢您的回复。这真的很有帮助。但是，当设备屏幕变大时，第四个按钮将不会均匀分布。比如：|-x-x-x---x-| ，也就是说，水平间距大小是不适应的。能问下怎么更新吗？谢谢。

请看我回答中的 GIF 图片。

非常感谢您的大力帮助！现在最终的效果就像|-x-x----x-x-|。请问如何实现每两个按钮之间的水平间距等宽？

只需点击按钮，打开实用程序检查器并选择尺寸检查器。在“约束”面板下，您可以更改约束的constant。

谢谢。我的问题解决了！