ios - 滚动 UICollectionView 时如何自定义在顶部屏幕上粘滞的标题 View ？

Question

我的 UICollectionView 中有 header ( header :UICollectionReusableView)。 header有3个UIView(UIView1, UIView2, UIView3)。当我设置 collectionLayout.sectionHeadersPinToVisibleBounds = true 时，标题将在我滚动集合时位于顶部。我希望当 header 位于 UICollectionView 顶部时，我将隐藏 UIView1 和 UIView2。我怎样才能做到这一点？

Answer 1

UICollectionView 是 UIScrollView 的子类。这意味着如果您为其分配一个委托(delegate)，那么该委托(delegate)可能会监听 scrollViewDidScroll(_ scrollView: UIScrollView) 方法，每次您的 Collection View 中的偏移量发生变化时都会调用该方法。

在此事件中，您将需要获取所有标题 View ，我假设您可以通过在 Collection View 上调用 visibleSupplementaryViews 并检查其类类型来获取这些 View 。

如果接收到的 View 确实是您的标题，您将需要检查它的框架与您的 Collection View 的比较，看看它的位置是否在顶部。为此，您可以将框架转换为您的坐标:

func isHeader(headerView: UIView, onTopOfCollectionView collectionView: UICollectionView) -> Bool {
    guard let collectionSuperView = collectionView.superview else {
         return false // Collection view is not in view hierarchy. This will most likely never happen
    }
    let convertedFrame = headerView.convert(headerView.bounds, to: collectionSuperView) // Convert frame of the view to whatever is the superview of collection view
    return convertedFrame.origin.y <= collectionView.frame.origin.y // Compare frame origins
}

所以我想整个事情应该是这样的:

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    collectionView.visibleSupplementaryViews(<#My identifier here#>).forEach { view in
        if let header = view as? MyHeaderView {
            header.hideSecondaryViews = isHeader(headerView: header, onTopOfCollectionView: collectionView)
        }
    }
}

我希望这能让你走上正轨。