iPhone X 中的底部边距使用情节提要

Posted 2023-02-26

技术标签:

【中文标题】iPhone X 中的底部边距使用情节提要【英文标题】：Bottom Margin in iPhone X using storyboard 【发布时间】：2017-09-21 10:50:51 【问题描述】：

好的，我有这个案例，

这是我为 iphone 8 设计的屏幕

正如您在此处看到的，我通过在该视图和底部布局指南顶部之间设置 0px 的约束，将 8px 绿色视图固定到超级视图的底部。它在所有手机上都能正常工作，除了发生这种情况的新 iPhone X：

这不是我的预期行为。我想和其他 iPhone 一样，以 0 边距固定在底部。

有没有使用情节提要的解决方案？请仅使用情节提要发布解决方案。我知道我可以以编程方式做到这一点。我猜这在故事板上应该很容易。

谢谢

【问题讨论】：

【参考方案1】：

1- 在情节提要中选择您的视图

2- 双击底部空间限制并为第一项选择 Superview

3- 将常量值设置为 0

【讨论】：

【参考方案2】：

你可以做到这一点

通过在情节提要中像这样设置自动调整大小

使用自动布局

【讨论】：

我想知道它是否可以通过自动布局实现？正如@Mostafa MohamedRaafat 所问的那样 @ShivamTripathi 谢谢 :) 但我想使用 Autolayout 来实现【参考方案3】：

在情节提要中选择“查看为：iPhone X”并将所需视图固定到超级视图，而不是底部布局指南或安全区域（在我的示例中，它是全屏图像视图，您的视图将仅固定到底部）：

或者，如果您不在 iPhone X 视图中，您可以通过使用 ctrl 键拖动将底部边缘固定到超级视图，然后从列表中选择时，按选项键 - 此答案中的更多详细信息：Autolayout: Add constraint to superview and not Top Layout Guide?

【讨论】：

以上是关于iPhone X 中的底部边距使用情节提要的主要内容，如果未能解决你的问题，请参考以下文章