在 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/6
或 0.17
.
我正在努力使我的图形设计师的界面设计在每个 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/6
或 0.17
.