tvOS：CollectionView 在模拟器上完美，但在设备上超出屏幕

Question

我有一个奇怪的问题，CollectionView 中最左边和最右边的单元格在我自己的电视上的屏幕边缘外流血。我已经检查了电视本身的纵横比，但它并没有改善，主屏幕上的应用程序网格很完美，在模拟器中运行时也很完美。

没有在另一台电视上运行的选项。

我还设置了 CollectionView 的 flowLayout 来操作项目大小和 interSpacing。

let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
layout.itemSize = CGSize(width: (screenWidth/5), height: (screenWidth/6)*1.5)
layout.minimumInteritemSpacing = 0
collectionView!.collectionViewLayout = layout

其余部分在界面构建器中设置为自动布局。

Answer 1

您的电视可能打开了overscan，这意味着边缘周围的所有内容都被显示器本身剪裁了。

您可以在电视上关闭过度扫描（无论如何您都应该这样做，因为这样会更好），但您不能指望所有用户都在他们的电视上关闭它。最好的办法是避免将重要内容过于靠近屏幕边缘：将所有重要内容保留在 safe area 中。

在 tvOS 11 中，您可能需要查看 UIView 的 safeAreaLayoutGuide 和 safeAreaInsets 属性，这可以帮助您将视图放置在安全区域内。