Question

我有一个集合视图，其中每个单元格都是一个部分。我需要实现一个跨越3个部分的“粘性标头”，直到另一个“粘性标头”替换它为止。我怎样才能做到这一点？由于其他原因，我无法将所有单元格都更改为共享同一部分。

Answer 1

仅在第一部分中，我将演示如何执行此操作。因为使用了一些常量，所以还很不成熟。但是，如果遵循该模式，则可以轻松实现目标。

要获得高精度，请根据需要更改代码。

基本上，只需将UICollectionViewFlowLayout子类化即可。

class MyCollectionViewFlowLayout: UICollectionViewFlowLayout{

lazy var offset : CGFloat? = { return self.collectionView?.contentOffset.y}()

// only first section here, you need to add other sections programmatically later.
override func invalidationContext(forBoundsChange newBounds: CGRect) -> UICollectionViewLayoutInvalidationContext{
   let result =   super.invalidationContext(forBoundsChange: newBounds)
   result.invalidateSupplementaryElements(ofKind: UICollectionView.elementKindSectionHeader, at: [IndexPath.init(row: 0, section: 0)])
    return result
}


  override func layoutAttributesForSupplementaryView(ofKind elementKind: String, at indexPath: IndexPath) -> UICollectionViewLayoutAttributes?{
  let result =  super.layoutAttributesForSupplementaryView(ofKind: elementKind, at: indexPath)
    guard indexPath.section % 3 == 0 else {
        return result
    }
    let section = CGFloat (indexPath.section / 3)

    let   totalHeight : CGFloat =  414.0 +  1390.0 * (section)  //414 = first section height
    // 1390 = height of three sections
    let   totalNextHight : CGFloat = 1390.0 * (section + 1)

    if let result = result {
    if result.frame.origin.y >  CGFloat(totalHeight) {
          result.frame = CGRect.init(x: result.frame.origin.x , y:  (result.frame.origin.y < totalNextHight) ? (self.collectionView?.contentOffset.y)! - offset! + totalHeight : totalNextHight, width: result.frame.width, height: result.frame.height)

        }
    }
    return result
}

正如我所说，这仅适用于第一个粘性标头。我像这样在委托中定义了标头大小：

extension MyCollectionViewController: UICollectionViewDelegateFlowLayout {

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize{
    if section % 3 == 0  {return CGSize.init(width:200 , height: 44)}
    return CGSize.init(width:0 , height: 0)
   }

}

这些代码背后还有很多工作。希望您能很快找到自己的答案。

如何创建一个跨越多个部分的粘性标题

1 个答案: