无法使用约束在视图中居中/正确缩放按钮和标签?

Posted

技术标签:

【中文标题】无法使用约束在视图中居中/正确缩放按钮和标签?【英文标题】:Unable to center/properly scale button and label in view using constraints? 【发布时间】:2016-06-08 04:28:40 【问题描述】:

我遇到了一个令人沮丧的问题,因为我过去曾处理过约束并且只是使用“添加缺少的约束”来完成这项工作,但是我在实现非常简单的事情时遇到了很多困难 -

我的 xib 文件上有一个更大的按钮和一个标签。我需要将它们水平居中并随设备缩放,并且或多或少地保持彼此之间的距离。基本上只需要它们看起来相当不错,并且按钮(其中有一个图像)可以缩放但保持纵横比。

添加缺少的约束至少不起作用,因为这会导致按钮和标签都不会缩放(都保持很小),并且它们之间的空间在大屏幕上太大。我已经尝试了所有其他约束配置,但按钮最终被压扁或离开屏幕。这是我想要实现的目标:

麻烦制造者是按钮。有没有办法以编程方式做到这一点?我在这里很绝望。如何配置约束?

如何设置两个物体之间的距离?

【问题讨论】:

【参考方案1】:

使按钮与视图水平和垂直居中。将标签居中到视图并给出按钮到标签的垂直间距。如有必要,还可以对标签进行宽度限制。这会给你想要的效果。

【讨论】:

【参考方案2】:

对于 UIButton:

1.水平居中&垂直居中

2.Give Aspect ration(或)使用前导、尾随、顶部、按钮将其缩放到不同的设备。

对于 UILabel

1.水平居中。

2.设置垂直于UIButton。

2.设置纵横比。

希望对你有所帮助。

【讨论】:

我正在尝试按照您的指示进行操作,但遇到了一些困难 - 对于标签的第 2 步,哪个按钮/您如何设置标签和按钮之间的底部距离?我发布了我拥有的按钮的图片 如果不能设置底部就设置垂直空间 我该怎么做?它不起作用,按钮正在缩放以脱离屏幕 我已逐字按照您对按钮的所有说明进行操作,但在较小的设备上它甚至不可见 使用这三个按钮的中间。然后这样做link

以上是关于无法使用约束在视图中居中/正确缩放按钮和标签?的主要内容,如果未能解决你的问题,请参考以下文章

在其他两个之间垂直居中视图

iOS - 添加约束后无法识别触摸

uiscrollview无法滚动到底部

使用图像无法正确缩放的绘制视图缩放:Android

自动布局视图 xib - 没有可编辑的约束?我需要居中的元素

为啥带有约束的情节提要对象在运行时无法正确显示?