iPhoneX UI布局问题

Question

我们的应用程序有一个uiviewcontroller，有三个容器视图，垂直堆叠。当我在iPhone上的iPhoneX上运行应用程序时，iPhone 8/7中没有出现在视图上方和下方的空间。这里是容器的并排比较以及它们在每个容器上的布局：

Side by side˙

今天早上阅读Apple文档并进行一些谷歌搜索看起来问题可能是为iPhone X中的顶部和底部布局指南设置的安全区域。根据Apple的说法，这将是一个解决方案：

https://developer.apple.com/documentation/uikit/uiview/positioning_content_relative_to_the_safe_area

问题是我们目前没有针对iOS 11，我们需要与9和10兼容。还有其他人处理过优化iPhone X而不是针对11吗？任何帮助，将不胜感激。

Answer 1

哟不需要改变目标。只需向VC添加安全区域并为其设置约束。

新增功能：当您添加安全区域时，安全区域将显示在视图中：

将垂直空间从保存区域设置为视图。如果您需要有关约束的帮助：https://www.raywenderlich.com/160527/auto-layout-tutorial-ios-11-getting-started

这种约束必须如下所示：