2017-08-06 32 views
2

我想將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

回答

2

首先,你需要刪除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的右側。它應該是什麼約束? –

1

它實際上可以有一個約束來完成。只需對準的兩個您的看法是這樣的中心:

enter image description here

如果你還看剩下的限制,原來的視圖必須是已妥善約束,有第二種觀點對齊到原來的要求提供的寬度和高度以及另一個軸的位置。在垂直中心對齊的情況下,您需要提供X位置。

因此,如果您希望將視圖對齊,請對齊水平中心,並提供視圖的Y位置。

1

你也可以通過編程來完成。這將始終將圖像視圖居中放置在視圖的頂部邊緣,半高一半以下。

首先,爲UIImageView和UIView製作插座。

然後:

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

相關問題