将约束添加到并排按钮

Posted

技术标签:

【中文标题】将约束添加到并排按钮【英文标题】:Add constraints to side by side buttons 【发布时间】:2016-10-04 20:16:11 【问题描述】:

我想为这两个按钮添加约束。我尝试了几乎所有的方法来正确设置约束,但约束总是没有在其他设备上正确设置,除了我在其中设置约束的设备。

【问题讨论】:

确保您没有点击“Vary Traits”按钮(可以在答案的屏幕截图中看到)。 Need assistance setting two buttons of equal width, side by side Autolayout的可能重复 【参考方案1】:

就像我的图片一样给出约束

首先对文本字段进行约束,然后选择两个按钮并像图像中一样给出约束,并确保两个按钮的宽度和高度相同

应该是这样的

【讨论】:

【参考方案2】:

以下是针对这种确切情况的分步指南

完整视频:https://vimeo.com/185598058

如果您想更好地阅读它:

设置这些约束:

UITextField:

顶部前导约束 左前导约束 右尾随约束 高度限制

左 UIButton:

顶部前导约束 左前导约束 高度限制

右 UIButton:

顶部前导约束 右尾随约束 高度限制

同时使用两个 UIButton:

间距约束(CTRL+从左边拖到右边) 等宽约束 [注意:最后一个约束将确保所有屏幕尺寸上的按钮(彼此)相等。]

结果:

【讨论】:

以上是关于将约束添加到并排按钮的主要内容,如果未能解决你的问题,请参考以下文章

不明确的布局 - 我需要为两个并排视图添加哪些额外的约束?

如何使用情节提要约束将两个 UIPickerView 并排均匀分布?

如何使用屏障将视图约束到父级顶部

将按钮绑定到视图的右上角 iOS swift

Xcode 故事板上的并排约束

如何为堆栈视图中的视图添加约束