如何使用自动布局,以便我的应用程序适合swift中的所有屏幕尺寸?

时间:2017-08-18 00:03:47

标签: ios xcode autolayout

我需要我的按钮才能保持所有手机的相同位置。

我希望它在所有iPhone上看起来像这样:

enter image description here

但是当我切换到更大尺寸的手机时,它也会在小手机上看起来很丑:

enter image description here

3 个答案:

答案 0 :(得分:0)

这是一个非常广泛的问题,因为很多iOS UI都依赖于自动布局。我建议你至少AutoLayout完成这些工作。在您的屏幕截图中,您看起来好像已使用绿色背景在视图上设置宽度约束,而不是将前端,尾部,顶部和底部固定到边缘。

答案 1 :(得分:0)

自动布局实质上是一个根据约束执行计算的系统。这意味着要执行您想要的操作,您需要为每个对象添加约束,以便编译器知道您希望如何调整UI的大小。但正如其他人所说,这是一个非常普遍的问题。我建议在询问前稍微调查一下这个话题,这样你就可以缩小你的问题并得到更好的答案。

答案 2 :(得分:0)

您需要为所有按钮或视图定义位置。您需要为所有视图定义至少4个约束。通过添加约束,您可以告诉您的视图应将它们放在所有屏幕上的位置。您可以通过添加约束来定义相对于屏幕的定位。

当您添加尾随时,从顶部和宽度和高度约束中,您可以将视图放置在固定位置,即x,y,并占据任何可能是屏幕尺寸的定义空间。您可以选择固定的宽度或高度。您还可以定义视图的前导或尾随约束,而不是固定高度和宽度。约束将根据屏幕大小调整视图框架。

首先,您可以选择在线提供的一些教程。你可以查看Raywanderlich here。希望它有所帮助。