如何使用UIButton设置UIimageView的AutoLayout约束？

Question

这棵树包括cicle是UIImageView的图像，但圆圈中的文字是UIButton。当设备改变时，像iPhone5改为iPhone6 Plus，图像比例变大。按钮总是移动到圆圈的外侧。如何解决问题？

Answer 1

Autolayout有一项名为propotion的功能。这意味着通过选择任何2个UI对象，您可以为它们之间的任何约束设置比例，例如宽度，高度等。在旅游案例中还选择imageview和按钮然后移动到约束视图，双击任何对象宽度约束即ie按钮宽度或图像宽度。在那里你可以找到一个名为propotion的选项。根据您的要求，您希望在图像视图中始终有一个按钮，这意味着buttom propotion应该小于imageview propotion。所以你可以设置2：3，意味着按钮宽度是imageview的2/3部分。现在按钮将始终是imageview的一部分，与您运行的设备无关。

Answer 2

您可以将比例宽度和高度约束添加到相对于imageView的按钮，如此屏幕截图

这里我没有为imageview添加固定的高度和宽度约束，因为图像视图从其内容中获取宽度和高度，即从提供给它的图像，如果你想要修复图像视图的高度和宽度，那么你也可以提供它们