UICollectionViewLayout与NavigationBar位置异常：视图被遮挡问题求助

哥们儿，别慌！我帮你快速定位问题并给出修改方案，保证你明天能顺利搞定！

你的问题根源在于：自定义布局UltravisualLayout是直接基于collectionView的bounds计算cell位置的，但添加带搜索栏的导航栏后，collectionView的可视区域被导航栏覆盖了一部分，而你的布局没有考虑这个偏移量。下面是具体的修改步骤：

第一步：让系统自动适配导航栏/搜索栏高度 #

在InspirationsViewController的viewDidLoad方法里，添加一行代码，让系统自动根据导航栏和搜索栏的高度调整collectionView的内容偏移：

override func viewDidLoad() {
    super.viewDidLoad()
    // ... 你原有的背景、注册cell等代码 ...
    
    // 新增：让系统自动调整内容偏移，适配导航栏和搜索栏
    collectionView.contentInsetAdjustmentBehavior = .scrollableAxes
}

这行代码会告诉系统，根据顶部的导航元素（导航栏+搜索栏）自动给collectionView添加顶部内边距，确保内容不会被遮挡。

第二步：修正自定义布局的cell起始位置 #

打开UltravisualLayout的prepare方法，把初始化cell起始Y坐标的代码从0改成collectionView!.contentInset.top：

override func prepare() {
    cache.removeAll(keepingCapacity: false)
    let standardHeight = UltravisualLayoutConstants.Cell.standardHeight
    let featuredHeight = UltravisualLayoutConstants.Cell.featuredHeight
    var frame = CGRect.zero
    // 把原来的var y: CGFloat = 0 替换成下面这行
    var y: CGFloat = collectionView!.contentInset.top
    
    for item in 0..<numberOfItems {
        // ... 你原有的cell布局计算代码 ...
    }
}

这样所有cell都会从系统计算好的安全区域顶部开始排列，彻底避免一开始就被导航栏挡住。

第三步：修正滚动跳转的偏移计算（必改，否则点击cell会错位） #

1. 修改UltravisualLayout的自动对齐逻辑 #

在UltravisualLayout的targetContentOffset方法里，给计算出的偏移量加上contentInset的top值：

override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint {
    let itemIndex = round(proposedContentOffset.y / dragOffset)
    // 加上contentInset.top，确保滚动对齐的位置正确
    let yOffset = itemIndex * dragOffset + collectionView!.contentInset.top
    return CGPoint(x: 0, y: yOffset)
}

2. 修改InspirationsViewController的点击跳转逻辑 #

同样，在点击cell跳转的时候，也要加上contentInset的top值：

override func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    let layout = collectionViewLayout as! UltravisualLayout
    // 加上contentInset.top，确保跳转后cell位置正确
    let offset = layout.dragOffset * CGFloat(indexPath.item) + collectionView.contentInset.top
    if collectionView.contentOffset.y != offset {
        collectionView.setContentOffset(CGPoint(x: 0, y: offset), animated: true)
    }
}

做完这几步修改，你的collectionView就不会再被导航栏和搜索栏遮挡了，滚动和点击跳转的位置也会完全正确！

内容的提问来源于stack exchange，提问作者user2370746