XCode 7 Autolayout约束:如何使2个图像水平保持在中心

时间:2015-11-05 12:46:17

标签: ios xcode swift autolayout constraints

我试图将2个UIImage视图并排放置在屏幕中央。如果它只是1个UIImage,我可以将它们设置为在容器中垂直和水平居中。如果我并排有2个UIImage视图,我只能将它设置为垂直居中,但不能水平居中,因为两个UIImage视图会叠加在一起..

有人可以指导我吗?谢谢,非常感谢!

2 个答案:

答案 0 :(得分:3)

观看视图,将两个图像放在该视图中。根据您所做的视图添加对这些图像的约束(边缘到视图的边缘)。现在在视图上添加关于超级视图的约束。 (垂直和水平居中)。就是这样!

答案 1 :(得分:2)

解决此问题的一种优雅方法是对UIImageView本身应用约束。

现在想一想,如果您需要在superview's中心同时拥有两个图片视图,那么一个imageView应该在trailing的中心有superview边缘,另一个应该在中心有一个leading边缘。

Control-Click上的{p> imgvLeft并将其拖至superview,您会看到一些要选择的约束选项;选择trailing边缘约束。现在转到该约束并单击它,您将看到详细信息,如下图所示。将second itemtrailing更改为centreX并保持常数为0.
同样,您可以在leading上应用imgvRight约束,并将second item更改为centreX

现在,如果您希望在两个视图之间保持一定距离,则可以在约束中更改常量值。例如,如果您需要20 px的间距,则将常量更改为间距/ 2,即10。

enter image description here