如何使用Autolayout缩放Xcode 6上的按钮以适应不同的屏幕尺寸?

时间:2015-08-12 09:55:34

标签: ios objective-c xcode user-interface autolayout

我是Xcode的新手,了解Autolayout。度过了一段非常艰难的时期,并认为我终于遇到了困难,并且确实需要一些指导。

所以我创建了一个带有.png背景图像的图像视图,该图像显示按钮占位符,以帮助我找出我想要放置按钮对象的确切位置。因此,我将四边的图像视图固定为0,并将其完美调整为不同的屏幕尺寸。现在问题来自按钮。我将按钮对象拖出对象库并将其放置在图像视图的顶部,按钮占位符图像位于该图像视图的顶部。对于按钮,我对其宽度和高度进行了约束,固定了底部和右侧,以及纵横比,以帮助根据不同的屏幕尺寸调整大小。

第一个问题是,尽管按钮放置在图像视图显示的位置,但按钮位于其他位置,即使图像视图能够完美地调整到不同的屏幕尺寸。第二个问题是,虽然按钮在所有屏幕上都很好,但是固定长度保持静止,即使屏幕变大或变小,也不会改变。最后一个问题是按钮本身的大小即使在不同的屏幕尺寸上也保持静止。

为什么按钮无法调整大小(使用纵横比但不工作)并相对于不同的屏幕尺寸重新定位?对此的指导将非常感谢!一直试图想出这一整天。

enter image description here

采取宽度和高度限制的新更新,单独选择宽高比:

UPDATE WITH TAKING OUT WIDTH AND HEIGHT CONSTRAINTS, LEAVING ASPECT RATIO ALONE

1 个答案:

答案 0 :(得分:0)

你应该删除那个宽度约束,让按钮调整大小只是前导和尾随空格可以增加它在不同屏幕尺寸的宽度