处理自动布局

Posted

技术标签:

【中文标题】处理自动布局【英文标题】:Dealing with auto layout 【发布时间】:2016-09-01 18:27:44 【问题描述】:

我在约束上浪费了几个小时,但我仍然遇到问题。在 iPhone 6 屏幕,它运行良好,但在 iPhone 5/4 中无法运行。我将所有视图(图像为背景)设置为修复 W/H 并点击自动添加缺少的约束。

正如您在 iPhone 5 上看到的,它总是固定在右侧,有时固定在左侧。我无法添加任何带有错误的内容。

有什么帮助吗?或一些该死的好教程:)

【问题讨论】:

很难用您提供的信息说,但似乎您在左侧有强制执行边距的限制,这使得内容看起来像是固定在右侧 【参考方案1】:

我只为您的一行按钮做了一个示例,因此它们可以重复用于其他 UI 元素。

我将这些约束放在我的按钮上:

左键:

左前导约束 顶部前导约束 高度限制

右键

右尾随约束 顶部前导约束 高度限制

以及与两个按钮相关的约束: (您需要同时选择两个按钮才能应用关系约束)

按钮之间的间距限制 这些按钮的宽度相等

Interface Builder 中看起来像这样:

而且这些布局是通用,所以我选择了一些设备尺寸来展示:

iPhone 5

iPhone 6

iPhone 6 Plus

...等等

【讨论】:

以上是关于处理自动布局的主要内容,如果未能解决你的问题,请参考以下文章

自动布局无法正确处理 iPhone X 缺口

UITableviewCell 高度自动布局

如何使用自动布局在 iphone x 中处理具有安全区域的键盘? [复制]

自动布局不是那么自动

ios自动布局标签定位

使用自动布局创建一个大正方形的网格