ios - 为标签栏 Controller 和 iPhone X 实现安全区域

Question

我正在尝试做的事情:将标签栏放在 iPhone X 显示屏底部它所属的位置，并将导航栏放在显示屏顶部。

我一直在尝试完成我认为是一项简单的任务，即使用 Storyboard 中的安全区域将标签栏定位在 iPhone X 显示屏底部附近。我缺少一些基本的东西。

我已经阅读了很多关于如何做到这一点的文章，including this one .它包括一个标签栏控制场景的屏幕截图，如下所示:

但我无法在我的标签栏 Controller 中创建一个 View 来放入我的标签栏项目，正如文章中提到的那样。据我了解，我将使用应包含选项卡栏项的 View 的安全区域。但它不会让我在 Controller View 之外的任何地方放置 View 。我试过使用“嵌入”——但所有选项都是灰色的。

导航 Controller 将导航栏移动到显示顶部也是如此。

有趣的是 IB 将它呈现在正确的位置，但在我的设备上，标签栏远高于它应该在的位置(而导航栏远低于它)。

我在场景的“Interface Builder Document”中将“Opens in”设置为“Latest Xcode (9.0) and Builds for iOS 11.1”，并选中了“use Safe Area Layout Guides”。我没有使用任何自定义我的标签栏 Controller 或标签栏的类。我正在使用 XCode 9.3 和 iOS 11.3.1

我缺少的简单的东西是什么？提前致谢。

Answer 1

本文介绍了在您使用自定义导航栏或自定义标签栏时如何调整您的应用。

如果您使用的是标准导航栏或标签栏，那么您必须确保它的顶部或底部(取决于元素)约束连接到 superview 而不是 安全区域布局指南。 UIKit 确保这些元素在 iPhone X 设备上以顶部或底部的间距正确呈现。查看this screenshot澄清。