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

Good approach to autosizing buttons to match graphic designer's intent in Swift/Xcode?

我正在努力使我的图形设计师的界面设计在每个 IOS 设备中都准确无误。我的问题是按钮上的图像比例永远不正确,我无法确保按钮正确自动调整大小。 This is a picture of the artist's intent

This is my implementation of the buttons using different views

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

如果您只是想根据设备调整那些 "buttons"(我假设实际上是 UIImageViews)的大小,请在按钮图像和父视图之间创建一个关系约束(在您的情况下,我想这些应该是黑色和白色的 UIViews)。您可以通过同时点击两个视图然后点击 "Create width/ height constraint".

来完成此操作

然后,select 约束并点击 "Show Utilities Area"(最右上角的按钮)。您将在属性中找到 Multiplication 属性。默认值为 1。请记住,如果关系约束的第一个元素是父视图,则乘数必须小于 1,反之亦然。

EG:我想您的按钮应该始终占据屏幕的 1/6 部分。然后,您应该在约束的 Multiplication 属性 中写入 1/60.17.