如何使用自动布局使两个元素居中? [复制]

Posted

技术标签:

【中文标题】如何使用自动布局使两个元素居中? [复制]【英文标题】:How to center two elements with auto layout? [duplicate] 【发布时间】:2015-03-31 07:54:08 【问题描述】:

如何使用自动布局将两个中间正方形居中以保持它们之间的相等空间?

实际上,我可以通过涉及容器宽度等的计算来输出约束并设置它,但也许有一些更聪明的方法?

【问题讨论】:

你想使用interfacebulder还是通过代码? 【参考方案1】:

我使用 Interfacebuidler 的方法是使用“间隔视图”

Spacer 视图是 UIView,我已将其设置为平均匹配宽度

.1.黑框是UIViews

.2. UIImageView 是正方形

.3. 设置等于 间隔视图

之间的宽度

.4.设置等于正方形之间的宽度

.4.间隔视图正方形

之间添加边缘约束

.5.间隔视图设置为透明

如果您需要更多详细信息来使用 Interface builder 或通过代码执行此操作,您应该阅读这篇文章:

Evenly space multiple views within a container view

希望对你有所帮助;)

【讨论】:

以上是关于如何使用自动布局使两个元素居中? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

如何使 ConstraintLayout 中的元素居中

如何使元素/文字 垂直居中?

元素居中之Flex布局

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

如何将图像居中和自动缩放?

使用 Cocoa 自动布局使两个按钮居中