如何在图像上放置标签和按钮，以便即使图像被缩放，它们也位于图像上的同一位置？

Question

我有一个几乎完整的应用程序。我想使用自动布局，但即使我搜索了很多关于这个主题的内容，我也找不到可以使用的答案。我可以让它在一种屏幕尺寸上正确显示，但不能在另一种屏幕尺寸上正确显示......这是我的问题

如何设置必要的约束，以便即使针对不同尺寸的设备缩放计数器，标签和按钮在图像上的相同位置？ （图片为png图片）

如果您能回答或指导我找到一个显示如何做类似事情的答案，我真的很高兴。

这就是我想要的

如果我尝试使用自动布局并在不同的屏幕尺寸上执行此操作，就会发生这种情况。

• 这与我在应用程序中使用的图片不同，但它会给你一个想法。）

再次感谢

编辑：

感谢您的回答，但正如 cmets 中指出的那样，第一个答案没有提供针对不同屏幕尺寸缩放图像的方法。

第二个答案提供了一种方法，但我无法理解答案的第二部分。我需要更多细节。如果有人可以在这个问题上帮助我，我会很高兴。

我仍在努力解决这个问题。如果我按照第二个答案 Xcode 说我需要 X 位置，第一个填充视图的宽度和 Y 位置，第二个填充视图的高度。我被困在这一点上。我不确定这些观点有什么价值。

Answer 1

您必须针对图像视图添加约束。我用你的图片创建了一个小项目。这应该可以帮助您入门。

https://1drv.ms/u/s!Aq8sK_MQLIL9gxMl-lBOMHkToudU

Answer 2

由于图像大小会在不同的屏幕尺寸上发生变化，因此您不能设置常量约束。你需要的是比例约束。

1. 设置您的UILabel 和UIButton 使其宽度和高度分别与UIImageView 的宽度和高度成比例。

要做到这一点：点击你的UILabel

然后 Ctrl 将其拖到UIImageView 上，选择等宽和等高。

假设您的 UILabel 的宽度为 100 像素，而您的 UIImageView 的宽度为 500 像素。编辑您刚刚设置的约束，并将乘数设置为 100:500

这将确保对UIImageView 宽度的任何修改都会相应地影响UILabel 宽度。对高度约束做同样的事情。

对 UIButton 重复相同的步骤。

1. 很遗憾，无法将顶部/底部/尾随/前导约束设置为与 UIImageView 大小成比例，但您可以使用 填充视图 - 可以模拟布局约束的透明视图。

您将需要两个 填充视图：一个用于顶部约束：

（将其高度设置为与 UIImageView 高度成正比）

一个用于前导约束

（将其宽度设置为与 UIImageView 宽度成正比）

如果不够清晰，我可以为你制作一个小视频。