ios - 在 Xcode 6 w/swift 中使用自动布局自动调整按钮大小

Question

你们谁能给我一个提示，如何使用自动布局实现按钮的自动调整大小？

更具体地说:我的按钮在 iPhone 4s 上有 50x50px。如何实现这个按钮，它的尺寸在 iPhone 6 plus 屏幕分辨率下增加？有没有一种乘数选项？

编辑:我希望 iPhone4s 屏幕上带有 50x50px 的按钮在 iPhone5、iPhone6 显示屏上按比例增加。

谢谢。

BR

Answer 1

使用纵横比。这都是关于数学的。在你开始行动之前，让我们弄清楚我们是如何计算比例的。所以，如果你想让你的按钮在 400X600 的框架上是 50X50，你将如何找到比例。简单 - 您的按钮宽度将是框架的 1/8，按钮高度将是框架高度的 1/12。就是这样。现在你有了你的计算。

分步说明:

首先确保您的尺寸等级为“wCompact hAny”。我们应该看到，像-

现在我们准备好了-

1. 选择您的 ViewController，然后在检查器中选择“Stimulated Size”。在那里您会看到刺激器的宽度和高度。就我而言，它是 400X600。您可以将其更改为任何内容，并相应地计算您的比例值。

1. 现在，我们需要定位我们的按钮。我只是将它设置在框架的中间。因此，按住键盘上的“Ctrl”按钮，单击鼠标指针并将其从按钮拖动到直接父 View ，这将为您提供一个选项列表。

从那里，当您选择水平居中和垂直居中选项时，框架中的按钮应如下所示-

现在您可以看到一些橙色的点，但暂时忽略它。

1. 这是您将得到答案的部分。要按比例设置按钮大小，您可以使用纵横比。

再次按住键盘上的“Ctrl”键，单击鼠标指针并将其从按钮拖动到最直接的父 View 。这次从列表中选择纵横比。

从约束列表中选择宽高比约束进行编辑。您需要确保您的第一个项目是 Button 的 width，第二个项目是 superview 的 width，反之亦然。请记住，您要根据框架的宽度而非高度来设置按钮的宽度比例值(乘数)。

现在，如果您的第一个项目是按钮的宽度，则将乘数设置为 1:8，或者如果您的第一个项目是 super View 的宽度，则将乘数设置为 8:1。

1. 再次执行第 3 步。再次选择宽高比，并选择此约束进行编辑。但是，这次将您的第一个项目设置为按钮的高度，将您的第二个项目设置为 super View 的高度，反之亦然，并将乘数相应地更改为 1:12 或 12:1。

太好了，如果您已经遵循了这一点，那么您就完成了。您应该会看到类似上面的内容。