将按钮定位在图像上

时间:2015-09-12 13:17:29

标签: ios xcode uiimageview storyboard constraints

我有一个全屏幕ImageView(边距限制),图像在"纵横比适合模式"我需要一个按钮才能在所有设备上覆盖该图像的特定部分。

我试图以不同的方式设置约束,但没有任何好的结果。

我希望有人可以帮助我。

在这里,您可以找到我想要的屏幕截图:

https://www.dropbox.com/s/krl5rp47w2rxl0g/Schermata%202015-09-12%20alle%2015.15.43.png?dl=0

黄色块是按钮,我希望它适用于任何屏幕尺寸。

这是iOS 8。

3 个答案:

答案 0 :(得分:4)

尝试比例约束。 将以下4个约束添加到按钮(值不准确)

  1. 使用ImageView为按钮提供比例宽度约束。因此,按钮宽度将变为ImageView宽度的10%。
  2. 使用ImageView为按钮提供比例高度约束。因此,按钮高度将变为ImageView高度的10%。
  3. 现在按钮的中心y是ImageView中心y的40%(值约为。)尝试不同的值来实现目标
  4. 现在按钮的中心x是ImageView中心x的80%。
  5. Apple建议使用比例约束。尝试稍微更改百分比值以适合肩膀上的按钮。一旦你按下肩膀上的按钮这些约束它将在所有设备上看起来很好。 感谢

答案 1 :(得分:1)

如果两个元素位于同一视图中,只需在视图控制器场景中拖动图像旁边的按钮,即可完成。enter image description here

答案 2 :(得分:0)

只需要在图像上垂直居中和水平居中,并以相等的高度和相同的宽度添加图像,然后使用乘法器将其放置在所需位置即可。