自动布局iOS 10.3,Xcode 8.3,Swift 3.1

在iOS应用中,设置UI设计具有多个选项,例如

车架:长

自动调整大小:每次都不正确

自动布局:有约束力,但简单

这是关于根据屏幕尺寸类别设置应用程序行为。

自动布局是关于约束的,每个人都希望将应用设置为通用,但有时对于横向和纵向而言,屏幕显示并不引人注目,因此要使应用极大地使用自动布局,请更改不同屏幕的约束,为此,我们不不必做任何事情,只需添加约束,它就会根据屏幕自动调整预览。

简单添加约束的样本。

然后旋转屏幕,它将看起来像这样。

但是它看起来一点也不好,因此调整约束(对于紧凑的“高度”为“任意宽度”),预览将如下所示。

那么哪个更好呢?

每当我们在iOS 10.x中设置约束时,默认情况下都会自动为所有屏幕尺寸设置(选择约束并在右侧打开属性。

选中时安装,表示默认情况下为所有尺寸等级设置。

如果要针对特定​​的屏幕尺寸删除它,则只需选择约束并单击+号,然后选择要为其删除的尺寸类别选项。

选择尺寸类别(任何宽度和紧凑高度),然后点击添加变化,默认情况下它将被选择。

只需取消选中它,即可不为任何Width和compact Height大小类添加此约束。

现在,没有为任何Width和compact Height大小类设置此约束(如果您不知道大小类,则可以谷歌搜索)。

并且在约束中有多个选择,例如乘数,内容包含优先级和内容抗压缩优先级。

因此,这将帮助您针对任何屏幕模式进行可调整的布局。

我们在下面的流程图中说明了如何为不同尺寸的类别设置约束,这些约束将自动与iPhone和iPad兼容。

作者: Sandeep Yadav | sandeep.yadav@startxlabs.com