swift - iPhone X 相机没有填满屏幕

Question

我在我的应用程序中实现了一个 QR 扫描仪，布局在除 iPhone X 以外的所有设备上都运行良好。在 iPhone X 上，导航栏和相机 View 之间有一个大白条(没有白条在任何其他设备上)。我不确定是什么原因造成的。如何让相机 View 占据全屏？

以下是我实现相机 View 应该有多大的方法:

video.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
view.layer.addSublayer(video)

这里还有一张白条的截图(屏幕是黑色的，因为相机平放在 table 上):

Answer 1

出现白条的主要原因是纵横比:

• 相机:最有可能是 16 : 9(例如 1920 x 1080)
• iPhone X:屏幕分辨率为 812 x 375(逻辑)或 1125 x 2436(物理)转换为大约 16 : 7.4

因此，当您创建一个与屏幕尺寸完全匹配的 View 并将相机 View 添加到其中时，顶部和底部将有一个未被相机 View 覆盖的栏。

底部栏不可见，因为您的 View 似乎从导航栏下方开始，即它延伸到屏幕底部下方。

其他 iPhone 不受此影响，因为它们的屏幕尺寸为 16 : 9，例如1334 x 750。如果您有 iPad 版本，它应该也会受到问题的影响，并在左侧和右侧显示横条。

修复它:

• 将您的 View 放在导航栏下方，使其覆盖顶部的大部分栏
• 更改背景颜色以获得更合适的颜色
• 扩展 View 的宽度以实现 16 : 9 的纵横比并将 View 居中