如何将UIImageView放置在Storyboard中另一个视图的一半

问题描述:

我想将UIImageView放置在另一个UIView的一半处。我已经设置了限制这样的:如何将UIImageView放置在Storyboard中另一个视图的一半

Constraints Settings

我需要的正方形图像视图是在橙色UIView的一半。 UIImageView的上述位置是正确的,但它在6和SE屏幕上稍微向上移动。 请看截图: See the square screenshot it has moved up in SE

enter image description here enter image description here

为什么它正在发生,以及如何防止UIImageView移动吗?我们是否需要其他限制?

什么应该是绿色UIButton约束条件放在UIImageView的右侧?

UIButton Green color

首先,你需要删除top space constraint,那么你需要添加UIImageView和你redView之间的约束,右键单击并拖动到你的红色视图,然后选择对齐到页首,以后你需要改变第一项从.top.centerY,并添加1乘数值为中心的红色底边

一张图片的价值超过1000个字

enter image description here

第二个要求

在你的第二个要求,你需要添加一个帮手观点我把它命名为guideView这一观点的背景将是.clearuserInteraction将被禁用,然后guideView将有.top.bottom约束你UIImageView .TOP并且.bottom也将有空间拖到超视图,常量为0,前导空间为常量为0的UIImageView,如此图所示,然后将所需的绿色视图放入guideView的内部,并将在垂直和水平中心对齐到超视图和高度和具有固定值的宽度,并且全部是

enter image description here

希望这有助于

+0

以后你需要的第二个项目,从顶部更改为底?这个怎么做? –

+0

@ReinierMelien对不起,我有一个设计更改,请参阅我的更新问题与截图 –

+0

@ReinierMelien伟大的工作。我有一个小的UIButton在UIImageView的右侧。它应该是什么约束? –

它实际上可以有一个约束来完成。只需对准的两个您的看法是这样的中心:

enter image description here

如果你还看剩下的限制,原来的视图必须是已妥善约束,有第二种观点对齐到原来的要求提供的宽度和高度以及另一个轴的位置。在垂直中心对齐的情况下,您需要提供X位置。

因此,如果您希望将视图对齐,请对齐水平中心,并提供视图的Y位置。

你也可以通过编程来完成。这将始终将图像视图居中放置在视图的顶部边缘,半高一半以下。

首先,为UIImageView和UIView制作插座。

然后:

[imageViewOutlet setCenter:CGPointMake(viewOutlet.frame.size.width/2, viewOutlet.frame.origin.y)]