Autolayout:原点和大小应根据宽度和高度因子而变化

Question

这是我需要的场景.

我把IB上的UIButton(大小为iPhone4英寸)放在IB上的初始帧是x:100,y:100,w:100,h:100.我希望起源和高度应根据设备大小而变化.例如,iPhone6的宽度和高度为375X667,因此宽度系数(375/320 = 1.1718)和高度系数(667/568 = 1.1742).在这个场景中,我想用乘以宽度因子(1.1718)和原点Y和高度乘以高度因子(1.1782)来改变我的按钮原点X和宽度.在这种情况下,我的按钮应显示在x:100X1.1718,y:100X1.1742,w:100X1.1718,h:100X1.1742.

iPhone6 +需要同样的东西.

我可以通过设置此自动调整蒙版轻松实现此目的.如何使用autolayout实现相同目的？我应该遵循什么步骤,我应该应用哪些约束？

我之前的问题

我通过使用Autolayout附加了一些我需要的截图(实现了上图中显示的自动调整掩码).

我的尝试: -

步骤1: - 在IB上按一个尺寸为100X100的按钮.设置其X = 100和y = 100. 第2步: - 应用此约束.

Answer 1

根据您的问题,您可以将此约束设置为您的UIButton.

您不需要更改为UIButton的高度和宽度设置的约束.

1.)您需要为Button.Leading和Superview.Trailing设置水平空间.

设置常数= 0,优先级= 1000和乘数= 100:320,因为我已在下面的图像中设置.

2.)您需要为Button.Top和Superview.Bottom设置水平空间.

设置常数= 0,优先级= 1000和乘数= 100:568,因为我在下面的图像中设置了.

结果

希望这能解决你的问题.

Answer 2

使用约束的乘数.因此,设置一个约束,即按钮的宽度等于顶视图的宽度,乘数为100:320(您可以使用此比率形式来表示乘数).将约束的常量设置为0.对于按钮的高度与顶视图的高度成比例(对于比率100:568),请执行相同的操作.对于按钮的位置,将按钮的宽度调整为100:320,按钮顶部到顶视图的高度,比例为100:568.