问题标签 [iphone-x]

我有一个消息应用程序，它在全屏表格视图的底部具有典型的文本字段 UI 设计。我将该文本字段设置为视图控制器inputAccessoryView并调用ViewController.becomeFirstResponder()以使该字段显示在屏幕底部。

我知道这是 Apple 推荐的完成此 UI 结构的方法，它在“经典”设备上完美运行，但是当我在 iPhone X 模拟器上进行测试时，我注意到使用这种方法，文本字段不尊重新的“安全区域” . 文本字段呈现在主屏幕指示器下方的屏幕最底部。

我查看了 HIG 文档，但没有发现关于inputAccessoryView视图控制器上的任何有用的信息。

这很困难，因为使用这种方法我实际上并没有直接控制任何约束，我只是设置inputAccessoryView并让视图控制器从那里处理 UI。所以我不能只将场限制在新的安全区域。

有没有人找到这方面的好文档或知道在 iPhone X 上运行良好的替代方法？

我维护了一个自 2010 年以来一直在 iOS 上运行的 OpenGL 应用程序。它使用全屏并隐藏状态栏。它在没有任何 .nib 文件的情况下启动，并创建一个 OpenGL 视图和控制器，进而显示所有应用程序内容。

我需要进行哪些更改才能使应用程序在 iPhone X 上使用新的“安全区域”布局设计？大概唯一真正的变化是创建我的“EAGL”表面/视图，其尺寸和位置与安全区域而不是整个屏幕相同？

如何在 iOS 11 中使用界面生成器将视图的底部锚点固定到其超级视图的底部安全区域锚点？

我已经能够像这样以编程方式做到这一点：

当我转到界面生成器时，我看不到底部安全区域锚点：

当我尝试在我的视图控制器中检索 viewDidLoad 中的 safeAreaInsets 时，它在 iPhone X 上返回 (0, 0, 0, 0)，我知道这是错误的。文档说，如果视图不是层次结构的一部分或视图不可见，就会发生这种情况。所以我的问题是，检索 safeAreaInsets 然后使用这些插图布局我的子视图的最佳位置在哪里？

我开始为 iPhone X 调整我的应用程序，并在 Interface Builder 中发现了一个问题。根据苹果官方视频，安全区域布局指南应该是向后兼容的。我发现它在故事板中工作得很好。

但是在我的 XIB 文件中，安全区域布局指南在 iOS 10 中不受尊重。

它们适用于新的操作系统版本，但 iOS 10 设备似乎只是假设安全区域距离为零（忽略状态栏大小）。

我是否缺少任何必需的配置？是否是 Xcode 错误，如果是，有任何已知的解决方法吗？

这是一个测试项目中的问题截图（左 iOS 10，右 iOS 11）：

苹果新设备对应的 CSS 媒体查询有哪些？我需要设置body'sbackground-color来更改 X 的安全区域背景颜色。

由于我不使用故事板来创建我的视图，我想知道是否有“使用安全区域指南”选项以编程方式或类似的东西。

我试图将我的观点固定在

view.safeAreaLayoutGuide

但它们在 iPhone X 模拟器中不断重叠。

随着 iPhone X 的发布迫在眉睫，我正试图抢占先机，并准备一些 Web 应用程序来处理任何设计更改——其中最大的一个是容纳前置摄像头的新“缺口”。

我想知道是否有或可能有任何方法以某种方式在 Javascript 中检测到这一点。

有趣的是，Chris Coyier 写了一篇关于“Notch”和 CSS的文章，这让我发现了这个safe-area-inset-right常数。有什么方法可以在 Javascript 中访问它，这是一个可靠的测试。

我在我的项目中使用 Xcode 9，底部有一个空白，这是屏幕截图：

此外，我正在使用故事板设计 4 英寸（iphone 5s/SE）作为布局。

如何避免空白？

对于 iOS 11 和 iPhone X，Apple 指定每个应用程序都应位于“安全区域”（由于虚拟主页按钮）：

插入基本内容以防止剪辑。[...] 为获得最佳效果，请使用系统提供的标准界面元素和自动布局来构建您的界面。所有应用程序都应遵守 UIKit 定义的安全区域和布局边距，以确保根据设备和上下文进行适当的插入。安全区域还可以防止内容与状态栏、导航栏、工具栏和选项卡栏重叠。

问题是带有标签栏的 Ionic 应用程序（第 1 版）覆盖了屏幕的这一部分，因此该栏位于主页按钮下方：

有谁知道如何修理它？

（请注意：如果你在 iPhone X 模拟器中运行一个新的 Ionic 应用程序 v1，你会在窗口的顶部和底部看到两个黑色空间，但你可以防止这种情况在你的元标记中添加“viewport-fit=cover” index.html)