Question

我有一个集合视图，我希望每个部分都有一个页眉和一个页脚。我正在使用默认的流程布局。

我有自己的UICollectionReusableView子类，我在视图控制器的viewDidLoad方法中为每个页眉和页脚注册。

我已经实施了方法collectionView:viewForSupplementaryElementOfKind:atIndexPath:但是，对于每个部分，只有kind为UICollectionElementKindSectionHeader才会调用它。因此我的页脚甚至没有创建。

为什么会发生这种情况？

Answer 1

似乎我必须为集合视图布局设置footerReferenceSize。奇怪的是，我没有必要用标题来做。

Answer 2

（使用Swift 3.1，Xcode 8.3.3）
首先，注册标题的类或笔尖

collectionView.register(ShortVideoListHeader.self, forSupplementaryViewOfKind: UICollectionElementKindSectionHeader, withReuseIdentifier: "header")

第二次，设置headerReferenceSize;或者，您可以在collectionView的委托

中返回headerReferenceSize

override func viewWillLayoutSubviews() {
    super.viewWillLayoutSubviews()
    (collectionView.collectionViewLayout as? UICollectionViewFlowLayout)?.headerReferenceSize = CGSize(width: view.bounds.width, height: 156)
}

第三次，编写自己的标题类，例如

class ShortVideoListHeader: UICollectionReusableView {
    let titleLabel = UILabel()

    override init(frame: CGRect) {
        super.init(frame: frame)

        addSubview(titleLabel)
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func layoutSubviews() {
        super.layoutSubviews()
        titleLabel.sizeToFit()
        titleLabel.frame.origin = CGPoint(x: 15, y: 64 + (frame.height - 64 - titleLabel.frame.height) / 2) // navigationBar's height is 64
    }
}

第四，在collectionView的dataSource方法中返回您的标题实例，

func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {
    switch kind {
    case UICollectionElementKindSectionHeader:
        let header = collectionView.dequeueReusableSupplementaryView(ofKind: UICollectionElementKindSectionHeader, withReuseIdentifier: "header", for: indexPath) as! ShortVideoListHeader
        header.titleLabel.text = title
        header.setNeedsLayout()
        return header

    default:
        return UICollectionReusableView()
    }
}

顺便说一句，Apple's Document回答了如何隐藏节标题。

此方法必须始终返回有效的视图对象。如果您不希望在特定情况下使用补充视图，则布局对象不应为该视图创建属性。或者，您可以通过设置隐藏视图隐相应属性的属性为YES或设置 α 属性的属性为0.要隐藏流布局中的页眉和页脚视图，还可以将这些视图的宽度和高度设置为0.

Answer 3

我发现一些代码也许可以帮到你

- ( UICollectionReusableView * ) collectionView : ( UICollectionView * ) collectionView viewForSupplementaryElementOfKind : ( NSString * ) kind atIndexPath : ( NSIndexPath * ) indexPath
{
    UICollectionReusableView * reusableview = nil ;

    if ( kind == UICollectionElementKindSectionHeader )
    {
        RecipeCollectionHeaderView * headerView = [ collectionView dequeueReusableSupplementaryViewOfKind : UICollectionElementKindSectionHeader withReuseIdentifier : @ "HeaderView" forIndexPath : indexPath ] ;
        NSString * title = [ [ NSString alloc ] initWithFormat : @ "Recipe Group #%i" , indexPath.section + 1 ] ;
        headerView.title.text = title;
        UIImage * headerImage = [ UIImage imageNamed : @ "header_banner.png" ] ;
        headerView.backgroundImage.image = headerImage;

        reusableview = headerView;
    }
    if ( kind == UICollectionElementKindSectionFooter )
    {
        UICollectionReusableView * footerview = [ collectionView dequeueReusableSupplementaryViewOfKind : UICollectionElementKindSectionFooter withReuseIdentifier : @ "FooterView" forIndexPath : indexPath ] ;

        reusableview = footerview;
    }

    return reusableview;
}

collectionView：viewForSupplementaryElementOfKind：atIndexPath：仅使用UICollectionElementKindSectionHeader调用

3 个答案: