如何在 iPhone X 的主页指示器下方扩展底部视图颜色？

Question

请检查附加的图像。 Viewcontroller 的视图的背景颜色是蓝色。 如您所见，此颜色延伸到状态栏下方和主页指示器下方。 底部有一个白色的视图，它是一个按钮。 这里的白色视图位于安全布局指南中。

我希望相同的白色扩展到主页指示器下方，而不为 iPhone-X 添加任何额外的视图。

这个怎么做？

Answer 1

您需要使用超级视图设置/附加白色视图的底部约束。

请按照以下步骤操作并查看：

• 检查视图的底部/底部对齐约束。 它可以与安全区域的底部锚定/约束连接。

• （编辑它）双击底部约束，这将显示以下选项。
• 现在将选择（勾选标记）从安全区域更改为超级视图。

• 如果不是，则将常量设置为0 。

• 这是您可能想要的结果。

Answer 2

Krunal 的答案在大多数情况下都有效。 但是，如果您没有设置顶部约束，白色视图将位于主页指示器线下方。

在我的设计中，白色视图只有前导、尾随、底部和高度约束。 我不得不将另一个视图作为子视图添加到白色视图（此视图将从现在开始充当白色视图），启用外部白色视图的安全区域布局指南并将约束设置为边距/安全区域，以便让这个东西适用于包括 X 在内的所有设备。

注意：应该为内部视图/按钮（在我的情况下）而不是外部视图设置高度约束。 Autolayout 将在 iphone X 设备中为您正确完成工作。

这就是它在 iphone X 和其他手机中的样子。 iPhone SE：

iPhone X：

希望这可以帮助某人。 :)

Answer 3

就我而言，我希望底部的视图高度为 49。因此将顶部设置为底部布局指南上方的 49。

然后将视图底部设置为超级视图底部。

现在在 iPhone X 上，视图延伸到手机底部，并且在安全区域上方的高度仍然为 49，而在其他设备上，视图的高度为 49。