iPhone X - Safe Area无法实现全屏体验?

Fab*_*eri 6 xcode ios ios11 xcode9 iphone-x

这里提供了适用于iPhone X的新HIG ,它指定:"提供全屏体验.确保背景延伸到显示器的边缘,并且垂直可滚动的布局(如表格和集合)一直延伸到底部."

现在我想了解如何使用Xcode 9 GM实现这一点,因为在我看来,允许扩展到整个屏幕的唯一视图是UIViewController根视图,并且每当我尝试为上面的视图拖动约束时即,WKWebView到根视图,约束实际上连接到安全区域,使得顶部和底部区域都为空,如故事板中所示:

在此输入图像描述

请注意这里的答案指定使用安全区域,但这不起作用,因为使用它导致以下模拟器结果,其中WKWebView没有扩展到屏幕的边缘:

在此输入图像描述

小智 12

只需将您的底部约束First Item更改为SuperView

在此输入图像描述


Fab*_*eri 6

其实我相信答案是这样的:为了实现全屏,我们不应该使用安全区域支持。在 Interface Builder Size Inspector 的视图上取消选中 Safe Area Relative Margins 和 Safe Area Layout Guide 后,我得到了预期的结果:

在此处输入图片说明

事实上,我会说安全区域的想法是一个肯定不会被任何系统图标或圆形边框重叠的区域,全屏与它相反。

  • 我不认为这是正确的答案。在示例中,如果您一直滚动到底部,则内容将不会清除主页指示器。 (3认同)