自动调整按钮以匹配图形设计师在Swift/Xcode中的意图的好方法？

Question

我正在努力匹配我的平面设计师的界面设计，准确地说，在每一个IOS设备。我的问题是，在按钮上的图像从来没有正确的比例，我有困难，以确保按钮自动大小正确。这是艺术家意图的一幅画

这是我使用不同视图实现按钮的方法。

如何解决这些自动调整问题以正确解决此问题？我已经看过很多关于调整图像大小的教程，但我还没有看到任何覆盖不对称图像的教程。

Answer 1

如果您只想根据设备来调整这些“按钮”(我假设它们实际上是UIImageViews)的大小，那么在按钮图像和父视图之间创建一个关系约束(在您的示例中，应该是黑白UIViews)。您可以同时点击这两个视图，然后“创建宽度/高度约束”来实现这一点。

然后，选择约束并点击“显示实用程序区域”(最右上角按钮)。属性中有一个Multiplication属性。请记住，如果关系约束的第一个元素是父视图，那么乘法因子必须小于1，反之亦然。

我想你的按钮应该总是有1/6的屏幕。然后，您应该在约束的Multiplication属性中写入1/6或0.17。